@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/UserMenu/MobileUserMenu.tsx"],"names":["Menu","styled","ul","COLORS","white","flowDown","Z_INDEXES","fixed_menu","BREAKPOINTS","SMALL","scrollBarStyling","MenuSection","li","MenuSectionList","UserMenuSectionListStyling","Top","div","neutral_600","ComponentTextStyle","Regular","LabelLine","span","neutral_20","StyledMenulink","MenuLink","MobileUserMenu","accountMenuHeader","firstName","lastName","email","organizationName","clickMenuAction","accountSection","organizationSection","supportSection","signOut","signOutLabel","React","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","length","map","element","to","label","isExternal","display","margin","width","preventDefault"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, scrollBarStyling} from '../../styles';\r\n\r\nimport MenuLink from './MenuLink';\r\nimport {UserMenuItem} from '../../types';\r\nimport {Button, IconButton} from '../../Button';\r\nimport {ArrowLineLeft, Close} from '../../icons/systemicons/SystemIcons';\r\nimport {flowDown, Right, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {ComponentSStyling} from '../../styles/typography';\r\nimport {Z_INDEXES} from '../../styles/z-indexes';\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.fixed_menu};\r\n  height: 100%;\r\n  width: 320px;\r\n  padding-inline-start: 0;\r\n  overflow-y: scroll;\r\n  ${BREAKPOINTS.SMALL} {\r\n    min-width: 360px;\r\n  }\r\n\r\n  .open & {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .signOutButton {\r\n    height: 40px !important;\r\n    width: 288px !important;\r\n\r\n    ${BREAKPOINTS.SMALL} {\r\n      width: 328px !important;\r\n    }\r\n  }\r\n\r\n  ${scrollBarStyling};\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  overflow-y: unset !important;\r\n  padding-inline-start: 0;\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\nconst Top = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 22px 12px 0 12px;\r\n  color: ${COLORS.neutral_600};\r\n\r\n  h3 {\r\n    margin-block-start: 0 !important;\r\n    margin-block-end: 0 !important;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: 0;\r\n    margin-left: 24px;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n`;\r\n\r\nconst LabelLine = styled.span`\r\n  height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n  padding-left: 24px;\r\n  display: flex;\r\n  line-height: 32px;\r\n`;\r\n\r\nconst StyledMenulink = styled(MenuLink)`\r\n  width: 100%;\r\n  height: 48px;\r\n  margin: 0;\r\n  \r\n  & a {\r\n    height: 100%;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  accountMenuHeader: string;\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  organizationName: string;\r\n  clickMenuAction: () => void;\r\n  accountSection?: UserMenuItem[];\r\n  organizationSection?: UserMenuItem[];\r\n  supportSection?: UserMenuItem[];\r\n  signOut?: (e: any) => void;\r\n  signOutLabel?: string;\r\n}\r\n\r\nconst MobileUserMenu = ({\r\n  accountMenuHeader,\r\n  firstName,\r\n  lastName,\r\n  email,\r\n  organizationName,\r\n  clickMenuAction,\r\n  accountSection,\r\n  organizationSection,\r\n  supportSection,\r\n  signOut,\r\n  signOutLabel,\r\n}: Props) => {\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  return (\r\n    <Menu onClick={() => {}} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <Top key=\"MobileUserMenuTopSection\">\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n          <ArrowLineLeft size=\"24px\" color={COLORS.neutral_600} />\r\n        </IconButton>\r\n        <h3>{accountMenuHeader}</h3>\r\n        <Right>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n            <Close size=\"24px\" />\r\n          </IconButton>\r\n        </Right>\r\n      </Top>\r\n      {accountSection && accountSection?.length > 0 && (\r\n        <MenuSection key=\"MobileAccountSection\">\r\n          <LabelLine data-hj-suppress>{`${firstName} ${lastName}`}</LabelLine>\r\n          <MenuSectionList>\r\n            {accountSection?.map((element) => (\r\n              <StyledMenulink key={element?.to} to={element?.to} menuText={element?.label} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n      {organizationSection && organizationSection?.length > 0 && (\r\n        <MenuSection key=\"MObileOrganizationSection\">\r\n          <LabelLine>{organizationName || ''}</LabelLine>\r\n          <MenuSectionList>\r\n            {organizationSection?.map((element) => (\r\n              <StyledMenulink key={element?.to} to={element?.to} menuText={element?.label} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n\r\n      {supportSection && supportSection?.length > 0 && (\r\n        <MenuSection key=\"MobileSupportSection\">\r\n          <LabelLine>{''}</LabelLine>\r\n          <MenuSectionList>\r\n            {supportSection?.map((element) => (\r\n              <StyledMenulink key={element?.to} isExternal={element.isExternal} to={element?.to} menuText={element?.label} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n      {signOut && (\r\n        <div key=\"SignoutButton\" style={{ display: 'flex', margin: 'auto 0 12px 0' }}>\r\n          <Button\r\n            style={{ width: '90%', margin: '0 auto' }}\r\n            variant=\"secondary\"\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              signOut(e);\r\n            }}>\r\n            {signOutLabel}\r\n          </Button>\r\n        </div>\r\n      )}\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileUserMenu;\r\n"],"file":"MobileUserMenu.js"}

package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.d.ts

@@ -1,15 +0,0 @@
-import { UserMenuItem } from '../../types';
-interface Props {
-    firstName: string;
-    lastName: string;
-    email: string;
-    organizationName: string;
-    clickMenuAction: () => void;
-    accountSection?: UserMenuItem[];
-    organizationSection?: UserMenuItem[];
-    supportSection?: UserMenuItem[];
-    signOut?: (e: any) => void;
-    signOutLabel?: string;
-}
-declare const UserMenu: ({ firstName, lastName, email, organizationName, clickMenuAction, accountSection, organizationSection, supportSection, signOut, signOutLabel }: Props) => JSX.Element;
-export default UserMenu;

package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js

@@ -1,154 +0,0 @@
-"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 _Button = require("../../Button");
-
-var _styles = require("../../styles");
-
-var _Avatar = _interopRequireWildcard(require("../Avatar"));
-
-var _MenuLink = _interopRequireDefault(require("./MenuLink"));
-
-var _types = require("../../types");
-
-var _CommonStyles = require("../mobile/CommonStyles");
-
-var _typography = require("../../styles/typography");
-
-var _zIndexes = require("../../styles/z-indexes");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-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 Menu = _styledComponents.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  min-width: 312px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  border: 1px solid ", ";\n  z-index: ", ";\n\n  .open & {\n    display: block;\n  }\n  \n  .sign-out{\n    width: 90%;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 8px auto 12px auto;\n  }\n"])), _styles.COLORS.white, _CommonStyles.flowDown, _CommonStyles.flowDown, _styles.COLORS.neutral_200, _zIndexes.Z_INDEXES.fixed_menu);
-
-var MenuSection = _styledComponents.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])), _styles.COLORS.neutral_100);
-
-var MenuSectionList = _styledComponents.default.ul(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ", ";\n"])), _CommonStyles.UserMenuSectionListStyling);
-
-var StyledAvatarContainer = (0, _styledComponents.default)(_Avatar.AvatarContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 25px 0 0 25px;\n  pointer-events: none;\n"])));
-
-var AvatarAndName = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  h5 {\n    margin: 28px 0 0 20px;\n    ", "\n  }\n  span {\n    margin: 0 0 0 20px;\n    ", "\n  }\n"])), (0, _typography.HeadlineXXSStyling)(_styles.COLORS.neutral_600), (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600));
-
-var NameAndEmail = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-
-var OrganizationName = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: 25px;\n  ", "\n"])), (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
-
-var UserMenu = function UserMenu(_ref) {
-  var firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      email = _ref.email,
-      organizationName = _ref.organizationName,
-      clickMenuAction = _ref.clickMenuAction,
-      accountSection = _ref.accountSection,
-      organizationSection = _ref.organizationSection,
-      supportSection = _ref.supportSection,
-      signOut = _ref.signOut,
-      signOutLabel = _ref.signOutLabel;
-  React.useEffect(function () {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  return /*#__PURE__*/React.createElement(Menu, {
-    onClick: clickMenuAction,
-    role: "menu",
-    "aria-labelledby": "UserMenuButton"
-  }, /*#__PURE__*/React.createElement(AvatarAndName, {
-    key: "AvatarAndNameSection"
-  }, /*#__PURE__*/React.createElement(StyledAvatarContainer, {
-    hidePadding: true
-  }, /*#__PURE__*/React.createElement(_Avatar.default, {
-    size: 48,
-    firstName: firstName,
-    lastName: lastName,
-    color: _styles.COLORS.primary_500,
-    profileMenuLink: "#TODO"
-  })), /*#__PURE__*/React.createElement(NameAndEmail, null, /*#__PURE__*/React.createElement("h5", {
-    "data-hj-suppress": true
-  }, "".concat(firstName, " ").concat(lastName)), /*#__PURE__*/React.createElement("span", {
-    "data-hj-suppress": true
-  }, email))), accountSection && (accountSection === null || accountSection === void 0 ? void 0 : accountSection.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MobileAccountSection"
-  }, /*#__PURE__*/React.createElement(MenuSectionList, null, accountSection === null || accountSection === void 0 ? void 0 : accountSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(_MenuLink.default, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label,
-      Icon: element === null || element === void 0 ? void 0 : element.icon,
-      onClick: element === null || element === void 0 ? void 0 : element.onClick
-    });
-  }))), organizationSection && (organizationSection === null || organizationSection === void 0 ? void 0 : organizationSection.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MobileOrganizationSection"
-  }, /*#__PURE__*/React.createElement(OrganizationName, null, organizationName || ''), /*#__PURE__*/React.createElement(MenuSectionList, null, organizationSection === null || organizationSection === void 0 ? void 0 : organizationSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(_MenuLink.default, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label,
-      Icon: element === null || element === void 0 ? void 0 : element.icon,
-      onClick: element === null || element === void 0 ? void 0 : element.onClick
-    });
-  }))), /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MobileSupportSection"
-  }, /*#__PURE__*/React.createElement(MenuSectionList, null, supportSection === null || supportSection === void 0 ? void 0 : supportSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(_MenuLink.default, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      isExternal: element.isExternal,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label,
-      Icon: element === null || element === void 0 ? void 0 : element.icon,
-      onClick: element === null || element === void 0 ? void 0 : element.onClick
-    });
-  }), signOut && /*#__PURE__*/React.createElement(_Button.Button, {
-    width: "90%",
-    className: "UserMenuLink sign-out",
-    variant: "secondary",
-    size: _types.Size.Large,
-    onClick: function onClick(e) {
-      e.preventDefault();
-      signOut(e);
-    }
-  }, signOutLabel))));
-};
-
-UserMenu.propTypes = {
-  firstName: _propTypes.default.string.isRequired,
-  lastName: _propTypes.default.string.isRequired,
-  email: _propTypes.default.string.isRequired,
-  organizationName: _propTypes.default.string.isRequired,
-  clickMenuAction: _propTypes.default.func.isRequired,
-  accountSection: _propTypes.default.array,
-  organizationSection: _propTypes.default.array,
-  supportSection: _propTypes.default.array,
-  signOut: _propTypes.default.func,
-  signOutLabel: _propTypes.default.string
-};
-var _default = UserMenu;
-exports.default = _default;
-//# sourceMappingURL=UserMenu.js.map

package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/UserMenu/UserMenu.tsx"],"names":["Menu","styled","ul","COLORS","white","flowDown","neutral_200","Z_INDEXES","fixed_menu","MenuSection","li","neutral_100","MenuSectionList","UserMenuSectionListStyling","StyledAvatarContainer","AvatarContainer","AvatarAndName","div","neutral_600","ComponentTextStyle","Regular","NameAndEmail","OrganizationName","span","Bold","UserMenu","firstName","lastName","email","organizationName","clickMenuAction","accountSection","organizationSection","supportSection","signOut","signOutLabel","React","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","primary_500","length","map","element","to","label","icon","onClick","isExternal","Size","Large","preventDefault"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAGC,0BAAOC,EAAV,8oBAIYC,eAAOC,KAJnB,EAQaC,sBARb,EASKA,sBATL,EAaYF,eAAOG,WAbnB,EAcGC,oBAAUC,UAdb,CAAV;;AA8BA,IAAMC,WAAW,GAAGR,0BAAOS,EAAV,sYAOCP,eAAOQ,WAPR,CAAjB;;AAqBA,IAAMC,eAAe,GAAGX,0BAAOC,EAAV,uIAKjBW,wCALiB,CAArB;;AAQA,IAAMC,qBAAqB,GAAG,+BAAOC,uBAAP,CAAH,4HAA3B;;AAKA,IAAMC,aAAa,GAAGf,0BAAOgB,GAAV,2NAMb,oCAAmBd,eAAOe,WAA1B,CANa,EAUb,oCAAmBC,2BAAmBC,OAAtC,EAA+CjB,eAAOe,WAAtD,CAVa,CAAnB;;AAcA,IAAMG,YAAY,GAAGpB,0BAAOgB,GAAV,sHAAlB;;AAKA,IAAMK,gBAAgB,GAAGrB,0BAAOsB,IAAV,wGAElB,oCAAmBJ,2BAAmBK,IAAtC,EAA4CrB,eAAOe,WAAnD,CAFkB,CAAtB;;AAkBA,IAAMO,QAAQ,GAAG,SAAXA,QAAW,OAA0J;AAAA,MAAvJC,SAAuJ,QAAvJA,SAAuJ;AAAA,MAA5IC,QAA4I,QAA5IA,QAA4I;AAAA,MAAlIC,KAAkI,QAAlIA,KAAkI;AAAA,MAA3HC,gBAA2H,QAA3HA,gBAA2H;AAAA,MAAzGC,eAAyG,QAAzGA,eAAyG;AAAA,MAAxFC,cAAwF,QAAxFA,cAAwF;AAAA,MAAxEC,mBAAwE,QAAxEA,mBAAwE;AAAA,MAAnDC,cAAmD,QAAnDA,cAAmD;AAAA,MAAnCC,OAAmC,QAAnCA,OAAmC;AAAA,MAA1BC,YAA0B,QAA1BA,YAA0B;AACzKC,EAAAA,KAAK,CAACC,SAAN,CAAgB,YAAM;AACpB,aAASC,cAAT,CAAwBC,CAAxB,EAAgC;AAC9B,UAAIA,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBV,QAAAA,eAAe;AAChB;AACF;;AAEDW,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCJ,cAArC,EAAqD,KAArD;AACA,WAAO,YAAM;AACXG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCL,cAAxC,EAAwD,KAAxD;AACD,KAFD;AAGD,GAXD,EAWG,CAACR,eAAD,CAXH;AAaA,sBACE,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEA,eAAf;AAAgC,IAAA,IAAI,EAAC,MAArC;AAA4C,uBAAgB;AAA5D,kBACE,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAC;AAAnB,kBACE,oBAAC,qBAAD;AAAuB,IAAA,WAAW,EAAE;AAApC,kBACE,oBAAC,eAAD;AAAQ,IAAA,IAAI,EAAE,EAAd;AAAkB,IAAA,SAAS,EAAEJ,SAA7B;AAAwC,IAAA,QAAQ,EAAEC,QAAlD;AAA4D,IAAA,KAAK,EAAExB,eAAOyC,WAA1E;AAAuF,IAAA,eAAe,EAAC;AAAvG,IADF,CADF,eAIE,oBAAC,YAAD,qBACE;AAAI;AAAJ,eAAyBlB,SAAzB,cAAsCC,QAAtC,EADF,eAEE;AAAM;AAAN,KAAwBC,KAAxB,CAFF,CAJF,CADF,EAUGG,cAAc,IAAI,CAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEc,MAAhB,IAAyB,CAA3C,iBACC,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAC;AAAjB,kBACE,oBAAC,eAAD,QACGd,cADH,aACGA,cADH,uBACGA,cAAc,CAAEe,GAAhB,CAAoB,UAAAC,OAAO;AAAA,wBAC1B,oBAAC,iBAAD;AAAU,MAAA,GAAG,EAAEA,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAxB;AAA4B,MAAA,EAAE,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAzC;AAA6C,MAAA,QAAQ,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEE,KAAhE;AAAuE,MAAA,IAAI,EAAEF,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEG,IAAtF;AAA4F,MAAA,OAAO,EAAEH,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEI;AAA9G,MAD0B;AAAA,GAA3B,CADH,CADF,CAXJ,EAoBGnB,mBAAmB,IAAI,CAAAA,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEa,MAArB,IAA8B,CAArD,iBACC,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAC;AAAjB,kBACE,oBAAC,gBAAD,QAAmBhB,gBAAgB,IAAI,EAAvC,CADF,eAEE,oBAAC,eAAD,QACGG,mBADH,aACGA,mBADH,uBACGA,mBAAmB,CAAEc,GAArB,CAAyB,UAAAC,OAAO;AAAA,wBAC/B,oBAAC,iBAAD;AAAU,MAAA,GAAG,EAAEA,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAxB;AAA4B,MAAA,EAAE,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAzC;AAA6C,MAAA,QAAQ,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEE,KAAhE;AAAuE,MAAA,IAAI,EAAEF,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEG,IAAtF;AAA4F,MAAA,OAAO,EAAEH,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEI;AAA9G,MAD+B;AAAA,GAAhC,CADH,CAFF,CArBJ,eA+BE,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAC;AAAjB,kBACE,oBAAC,eAAD,QACGlB,cADH,aACGA,cADH,uBACGA,cAAc,CAAEa,GAAhB,CAAoB,UAAAC,OAAO;AAAA,wBAC1B,oBAAC,iBAAD;AAAU,MAAA,GAAG,EAAEA,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAxB;AAA4B,MAAA,UAAU,EAAED,OAAO,CAACK,UAAhD;AAA4D,MAAA,EAAE,EAAEL,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEC,EAAzE;AAA6E,MAAA,QAAQ,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEE,KAAhG;AAAuG,MAAA,IAAI,EAAEF,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEG,IAAtH;AAA4H,MAAA,OAAO,EAAEH,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEI;AAA9I,MAD0B;AAAA,GAA3B,CADH,EAIGjB,OAAO,iBACN,oBAAC,cAAD;AACE,IAAA,KAAK,EAAC,KADR;AAEE,IAAA,SAAS,EAAC,uBAFZ;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,IAAI,EAAEmB,YAAKC,KAJb;AAKE,IAAA,OAAO,EAAE,iBAAAf,CAAC,EAAI;AACZA,MAAAA,CAAC,CAACgB,cAAF;AACArB,MAAAA,OAAO,CAACK,CAAD,CAAP;AACD;AARH,KASGJ,YATH,CALJ,CADF,CA/BF,CADF;AAsDD,CApED;;;AAZET,EAAAA,S;AACAC,EAAAA,Q;AACAC,EAAAA,K;AACAC,EAAAA,gB;AACAC,EAAAA,e;AACAC,EAAAA,c;AACAC,EAAAA,mB;AACAC,EAAAA,c;AACAC,EAAAA,O;AACAC,EAAAA,Y;;eAyEaV,Q","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {COLORS, ComponentTextStyle} from '../../styles';\r\nimport Avatar, {AvatarContainer} from '../Avatar';\r\nimport MenuLink from './MenuLink';\r\nimport { UserMenuItem, Size } from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {ComponentXSStyling, HeadlineXXSStyling} from '../../styles/typography';\r\nimport {Z_INDEXES} from '../../styles/z-indexes';\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  min-width: 312px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  border: 1px solid ${COLORS.neutral_200};\r\n  z-index: ${Z_INDEXES.fixed_menu};\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n  \r\n  .sign-out{\r\n    width: 90%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin: 8px auto 12px auto;\r\n  }\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${COLORS.neutral_100};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\nconst StyledAvatarContainer = styled(AvatarContainer)`\r\n  margin: 25px 0 0 25px;\r\n  pointer-events: none;\r\n`;\r\n\r\nconst AvatarAndName = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  h5 {\r\n    margin: 28px 0 0 20px;\r\n    ${HeadlineXXSStyling(COLORS.neutral_600)}\r\n  }\r\n  span {\r\n    margin: 0 0 0 20px;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nconst NameAndEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst OrganizationName = styled.span`\r\n  margin-left: 25px;\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\ninterface Props {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  organizationName: string;\r\n  clickMenuAction: () => void;\r\n  accountSection?: UserMenuItem[];\r\n  organizationSection?: UserMenuItem[];\r\n  supportSection?: UserMenuItem[];\r\n  signOut?: (e: any) => void;\r\n  signOutLabel?: string;\r\n}\r\n\r\nconst UserMenu = ({ firstName, lastName, email, organizationName, clickMenuAction, accountSection, organizationSection, supportSection, signOut, signOutLabel }: Props) => {\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <AvatarAndName key=\"AvatarAndNameSection\">\r\n        <StyledAvatarContainer hidePadding={true}>\r\n          <Avatar size={48} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n        </StyledAvatarContainer>\r\n        <NameAndEmail>\r\n          <h5 data-hj-suppress>{`${firstName} ${lastName}`}</h5>\r\n          <span data-hj-suppress>{email}</span>\r\n        </NameAndEmail>\r\n      </AvatarAndName>\r\n      {accountSection && accountSection?.length > 0 && (\r\n        <MenuSection key=\"MobileAccountSection\">\r\n          <MenuSectionList>\r\n            {accountSection?.map(element => (\r\n              <MenuLink key={element?.to} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n\r\n      {organizationSection && organizationSection?.length > 0 && (\r\n        <MenuSection key=\"MobileOrganizationSection\">\r\n          <OrganizationName>{organizationName || ''}</OrganizationName>\r\n          <MenuSectionList>\r\n            {organizationSection?.map(element => (\r\n              <MenuLink key={element?.to} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n\r\n      <MenuSection key=\"MobileSupportSection\">\r\n        <MenuSectionList>\r\n          {supportSection?.map(element => (\r\n            <MenuLink key={element?.to} isExternal={element.isExternal} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n          ))}\r\n          {signOut && (\r\n            <Button\r\n              width=\"90%\"\r\n              className=\"UserMenuLink sign-out\"\r\n              variant=\"secondary\"\r\n              size={Size.Large}\r\n              onClick={e => {\r\n                e.preventDefault();\r\n                signOut(e);\r\n              }}>\r\n              {signOutLabel}\r\n            </Button>\r\n          )}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"file":"UserMenu.js"}

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

@@ -1,213 +0,0 @@
-"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

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

package/dist/js/GlobalNavigationBar/index.d.ts

@@ -1,3 +0,0 @@
-import GlobalNavigationBar from './GlobalNavigationBar';
-import Avatar, { AvatarContainer } from './Avatar';
-export { GlobalNavigationBar, Avatar, AvatarContainer };

package/dist/js/GlobalNavigationBar/index.js

@@ -1,36 +0,0 @@
-"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

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

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

@@ -1,16 +0,0 @@
-import { NavLink } from 'react-router-dom';
-export declare const RowLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Menu: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const Right: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SiteName: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const MenuSection: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const MenuSectionList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const UserMenuSectionListStyling: import("styled-components").FlattenSimpleInterpolation;
-export declare const MenuLink: import("styled-components").StyledComponent<typeof NavLink, any, {}, never>;
-export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, MenuWrapperProps, never>;
-interface MenuWrapperProps {
-    isVisible: boolean;
-}
-export declare const flowDown: import("styled-components").Keyframes;
-export {};

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

@@ -1,69 +0,0 @@
-"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

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