@laerdal/life-react-components 5.0.9 → 5.1.1

package/dist/Footer/SiteFooter.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
+const _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
 var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -30,31 +30,25 @@ import { BREAKPOINTS, COLORS } from '../styles';
  */
 
 import { PageWidth } from "../Layouts";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), function (props) {
-  return COLORS.getColor('neutral_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_200', props.theme);
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-var FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), function (props) {
-  return COLORS.getColor('white', props.theme);
-}, BREAKPOINTS.MEDIUM);
-var SiteFooter = function SiteFooter(_ref) {
-  var id = _ref.id,
-    sitename = _ref.sitename,
-    bottomLinks = _ref.bottomLinks,
-    showBetaTag = _ref.showBetaTag,
-    copyrightText = _ref.copyrightText,
-    toTopText = _ref.toTopText,
-    placeholderEmailField = _ref.placeholderEmailField,
-    includeNewsletterAndSocialSection = _ref.includeNewsletterAndSocialSection,
-    newsletterLabel = _ref.newsletterLabel,
-    navOptions = _ref.navOptions,
-    onNewsletterSignup = _ref.onNewsletterSignup,
-    _ref$useMaxWidth = _ref.useMaxWidth,
-    useMaxWidth = _ref$useMaxWidth === void 0 ? true : _ref$useMaxWidth,
-    maxWidth = _ref.maxWidth,
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('neutral_200', props.theme), BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
+const FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), props => COLORS.getColor('white', props.theme), BREAKPOINTS.MEDIUM);
+const SiteFooter = _ref => {
+  let {
+      id,
+      sitename,
+      bottomLinks,
+      showBetaTag,
+      copyrightText,
+      toTopText,
+      placeholderEmailField,
+      includeNewsletterAndSocialSection,
+      newsletterLabel,
+      navOptions,
+      onNewsletterSignup,
+      useMaxWidth = true,
+      maxWidth
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(FooterContainer, _objectSpread(_objectSpread({
     id: id,

package/dist/Footer/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","_templateObject","_taggedTemplateLiteral","props","getColor","theme","MEDIUM","LARGE","FooterLine","div","_templateObject2","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","_ref$useMaxWidth","useMaxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_objectSpread","children","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_pt","string","isRequired","bool","array","func","number"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","_templateObject","_taggedTemplateLiteral","props","getColor","theme","MEDIUM","LARGE","FooterLine","div","_templateObject2","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_objectSpread","children","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_pt","string","isRequired","bool","array","func","number"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,gCAAgC,MAAM,+CAA+C;AAC5F,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,WAAW,EAAEC,MAAM,QAAQ,WAAW;;AAE/C;AACA;AACA;;AAEA,SAAQC,SAAS,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,eAAe,GAAGZ,MAAM,CAACa,MAAM,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sNAEfC,KAAK,IAAIV,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAChDF,KAAK,IAAIV,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAK1Eb,WAAW,CAACc,MAAM,EAIlBd,WAAW,CAACe,KAAK,CAGpB;AACD,MAAMC,UAAU,GAAGrB,MAAM,CAACsB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,gGACHC,KAAK,IAAIV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EAEpEb,WAAW,CAACc,MAAM,CAGrB;AAmBD,MAAMK,UAAU,GAAGC,IAAA,IAeG;EAAA,IAfF;MAClBC,EAAE;MACFC,QAAQ;MACRC,WAAW;MACXC,WAAW;MACXC,aAAa;MACbC,SAAS;MACTC,qBAAqB;MACrBC,iCAAiC;MACjCC,eAAe;MACfC,UAAU;MACVC,kBAAkB;MAClBC,WAAW,GAAG,IAAI;MAClBC;IAEc,CAAC,GAAAb,IAAA;IADZc,IAAI,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA;EAEP,oBACEhC,IAAA,CAACG,eAAe,EAAA8B,aAAA,CAAAA,aAAA;IAAChB,EAAE,EAAEA,EAAG;IAAC,eAAa;EAAmB,GAAKa,IAAI;IAAAI,QAAA,eAChEhC,KAAA,CAACJ,SAAS;MAACqC,YAAY,EAAE,IAAK;MAACC,YAAY,EAAER,WAAY;MAACS,SAAS,EAAER,QAAS;MAAAK,QAAA,gBAC5ElC,IAAA,CAACP,SAAS;QAACyB,QAAQ,EAAEA,QAAS;QAACE,WAAW,EAAEA,WAAY;QAACE,SAAS,EAAEA;MAAU,CAAE,CAAC,EAChFI,UAAU,iBAAI1B,IAAA,CAACL,gBAAgB;QAAC2C,MAAM,EAAErB,EAAG;QAACS,UAAU,EAAEA;MAAW,CAAE,CAAC,eACvE1B,IAAA,CAACY,UAAU,IAAE,CAAC,EACbY,iCAAiC,iBAChCxB,IAAA,CAACN,gCAAgC;QAAC6C,gBAAgB,EAAEhB,qBAAsB;QAACiB,wBAAwB,EAAEb,kBAAmB;QAACF,eAAe,EAAEA,eAAe,IAAI;MAAG,CAAE,CACnK,eACDzB,IAAA,CAACR,iBAAiB;QAAC2B,WAAW,EAAEA,WAAY;QAACE,aAAa,EAAEA;MAAc,CAAE,CAAC;IAAA,CACpE;EAAC,EACG,CAAC;AAEtB,CAAC;AAACN,UAAA,CAAA0B,SAAA;EA7CAxB,EAAE,EAAAyB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACF1B,QAAQ,EAAAwB,GAAA,CAAAC,MAAA;EACRvB,WAAW,EAAAsB,GAAA,CAAAG,IAAA;EACX1B,WAAW,EAAAuB,GAAA,CAAAI,KAAA;EACXzB,aAAa,EAAAqB,GAAA,CAAAC,MAAA;EACbnB,iCAAiC,EAAAkB,GAAA,CAAAG,IAAA;EACjCL,wBAAwB,EAAAE,GAAA,CAAAK,IAAA;EACxBtB,eAAe,EAAAiB,GAAA,CAAAC,MAAA;EACfrB,SAAS,EAAAoB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EAETrB,qBAAqB,EAAAmB,GAAA,CAAAC,MAAA;EACrBhB,kBAAkB,EAAAe,GAAA,CAAAK,IAAA;EAClBnB,WAAW,EAAAc,GAAA,CAAAG,IAAA;EACXhB,QAAQ,EAAAa,GAAA,CAAAM;AAAA;AAkCV,eAAejC,UAAU","ignoreList":[]}

package/dist/Footer/index.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function get() {
-    return _Footer["default"];
+  get: function () {
+    return _Footer.default;
   }
 });
 Object.defineProperty(exports, "SiteFooter", {
   enumerable: true,
-  get: function get() {
-    return _SiteFooter["default"];
+  get: function () {
+    return _SiteFooter.default;
   }
 });
 var _Footer = _interopRequireDefault(require("./Footer"));

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs

@@ -1,13 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -28,81 +26,58 @@ var _common = require("../common");
 var _utils = require("../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var HeaderWrapper = _styledComponents["default"].header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background: white;\n  box-sizing: border-box;\n  \n  &.border:after{\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 1px;\n    background: ", ";\n    z-index: 5;\n  }\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 64px;\n  }\n\n  ", " {\n    height: 80px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_200', props.theme);
-}, _styles.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-var RowLayout = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n"])));
-var HamburgerButton = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    display: none;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var RightSide = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ", " {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n"])), HamburgerButton);
-var MobileMenuBackdrop = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  z-index: ", ";\n  visibility: hidden;\n\n  &.open {\n    visibility: visible;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  ", " {\n    visibility: hidden !important;\n  }\n"])), _styles.Z_INDEXES.backdrop, _CommonStyles.fadeIn, _CommonStyles.fadeOut, _styles.BREAKPOINTS.LARGE);
-var MobileWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    display: none !important;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var UserMenuWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  display: flex;\n  position: absolute;\n\n  ", " {\n    top: 80px;\n    right: ", ";\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, _styles.BREAKPOINTS.LARGE, function (props) {
-  return props.$offsetRight && (0, _utils.hasWindow)() ? "".concat(window.innerWidth - props.$offsetRight + 296, "px") : '10%';
-});
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const HeaderWrapper = _styledComponents.default.header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: white;\n  box-sizing: border-box;\n  \n  &.border:after{\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 1px;\n    background: ", ";\n    z-index: 5;\n  }\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 64px;\n  }\n\n  ", " {\n    height: 80px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), props => _styles.COLORS.getColor('neutral_200', props.theme), _styles.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
+const RowLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
+const HamburgerButton = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    display: none;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
+const RightSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ", " {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n"])), HamburgerButton);
+const MobileMenuBackdrop = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  z-index: ", ";\n  visibility: hidden;\n\n  &.open {\n    visibility: visible;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  ", " {\n    visibility: hidden !important;\n  }\n"])), _styles.Z_INDEXES.backdrop, _CommonStyles.fadeIn, _CommonStyles.fadeOut, _styles.BREAKPOINTS.LARGE);
+const MobileWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    display: none !important;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
+const UserMenuWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  position: absolute;\n\n  ", " {\n    top: 80px;\n    right: ", ";\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), _styles.BREAKPOINTS.LARGE, props => props.$offsetRight && (0, _utils.hasWindow)() ? "".concat(window.innerWidth - props.$offsetRight + 296, "px") : '10%');
 /**
  * @param props
  * @constructor
  * @description This component is a global navigation header bar
  */
-var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
-  var _actionsRef$current, _actionsRef$current$b, _actionsRef$current$b2, _actionsRef$current$b3, _desktop$items, _desktop$buttons;
-  var name = _ref.name,
-    isAuthenticated = _ref.isAuthenticated,
-    logo = _ref.logo,
-    profile = _ref.profile,
-    mobile = _ref.mobile,
-    desktop = _ref.desktop,
-    testId = _ref.testId,
-    _ref$useMaxWidth = _ref.useMaxWidth,
-    useMaxWidth = _ref$useMaxWidth === void 0 ? true : _ref$useMaxWidth,
-    maxWidth = _ref.maxWidth,
-    profileComponent = _ref.profileComponent,
-    _ref$border = _ref.border,
-    border = _ref$border === void 0 ? true : _ref$border;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    showMobileMenu = _React$useState2[0],
-    setShowMobileMenu = _React$useState2[1];
-  var wasMobileMenuOpen = (0, _rooks.usePreviousImmediate)(showMobileMenu);
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    showUserMenu = _React$useState4[0],
-    setShowUserMenu = _React$useState4[1];
-  var actionsRef = React.useRef(null);
-  var profileButtonRef = React.useRef();
-  profileButtonRef.current = actionsRef === null || actionsRef === void 0 ? void 0 : (_actionsRef$current = actionsRef.current) === null || _actionsRef$current === void 0 ? void 0 : (_actionsRef$current$b = _actionsRef$current.buttons) === null || _actionsRef$current$b === void 0 ? void 0 : (_actionsRef$current$b2 = _actionsRef$current$b.find(function (a) {
-    return a.type === 'profile';
-  })) === null || _actionsRef$current$b2 === void 0 ? void 0 : (_actionsRef$current$b3 = _actionsRef$current$b2.ref) === null || _actionsRef$current$b3 === void 0 ? void 0 : _actionsRef$current$b3.current;
-  var mobileMenuButtonRef = React.useRef(null);
-  var rightSideRef = React.useRef(null);
-  var _React$useState5 = React.useState(0),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    avatarRight = _React$useState6[0],
-    setAvatarRight = _React$useState6[1];
-  var userMenuRef = (0, _common.useClickOutsideRef)(function () {
-    return setShowUserMenu(false);
-  }, [profileButtonRef]);
-  var mobileMenuRef = (0, _common.useClickOutsideRef)(function () {
-    return setShowMobileMenu(false);
-  }, [mobileMenuButtonRef]);
-  React.useEffect(function () {
+const GlobalNavigationBar = _ref => {
+  var _actionsRef$current, _desktop$items, _desktop$buttons;
+  let {
+    name,
+    isAuthenticated,
+    logo,
+    profile,
+    mobile,
+    desktop,
+    testId,
+    useMaxWidth = true,
+    maxWidth,
+    profileComponent,
+    border = true
+  } = _ref;
+  const [showMobileMenu, setShowMobileMenu] = React.useState(false);
+  const wasMobileMenuOpen = (0, _rooks.usePreviousImmediate)(showMobileMenu);
+  const [showUserMenu, setShowUserMenu] = React.useState(false);
+  const actionsRef = React.useRef(null);
+  const profileButtonRef = React.useRef();
+  profileButtonRef.current = actionsRef === null || actionsRef === void 0 || (_actionsRef$current = actionsRef.current) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.buttons) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.find(a => a.type === 'profile')) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.ref) === null || _actionsRef$current === void 0 ? void 0 : _actionsRef$current.current;
+  const mobileMenuButtonRef = React.useRef(null);
+  const rightSideRef = React.useRef(null);
+  const [avatarRight, setAvatarRight] = React.useState(0);
+  const userMenuRef = (0, _common.useClickOutsideRef)(() => setShowUserMenu(false), [profileButtonRef]);
+  const mobileMenuRef = (0, _common.useClickOutsideRef)(() => setShowMobileMenu(false), [mobileMenuButtonRef]);
+  React.useEffect(() => {
     if (!profileButtonRef.current) return;
-    var handleResize = function handleResize() {
-      var _profileButtonRef$cur, _profileButtonRef$cur2;
-      var profileRightOffset = (_profileButtonRef$cur = profileButtonRef.current) === null || _profileButtonRef$cur === void 0 ? void 0 : (_profileButtonRef$cur2 = _profileButtonRef$cur.getBoundingClientRect()) === null || _profileButtonRef$cur2 === void 0 ? void 0 : _profileButtonRef$cur2.right;
+    const handleResize = () => {
+      var _profileButtonRef$cur;
+      const profileRightOffset = (_profileButtonRef$cur = profileButtonRef.current) === null || _profileButtonRef$cur === void 0 || (_profileButtonRef$cur = _profileButtonRef$cur.getBoundingClientRect()) === null || _profileButtonRef$cur === void 0 ? void 0 : _profileButtonRef$cur.right;
       setAvatarRight(profileRightOffset || 0);
     };
     handleResize();
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, [profileButtonRef.current]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderWrapper, {
@@ -113,42 +88,32 @@ var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
         $maxWidth: maxWidth,
         $unsetMargin: true,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RowLayout, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo["default"], {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
             name: name || '',
             showBetaTag: logo === null || logo === void 0 ? void 0 : logo.showBetaTag,
             onClick: logo === null || logo === void 0 ? void 0 : logo.onClick,
             to: logo === null || logo === void 0 ? void 0 : logo.to
-          }), isAuthenticated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainMenu["default"], {
-            items: (desktop === null || desktop === void 0 ? void 0 : desktop.items.filter(function (a) {
-              return !a.pinned;
-            })) || [],
+          }), isAuthenticated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainMenu.default, {
+            items: (desktop === null || desktop === void 0 ? void 0 : desktop.items.filter(a => !a.pinned)) || [],
             rightSideRef: rightSideRef
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(RightSide, {
             className: "".concat(desktop !== null && desktop !== void 0 && desktop.reverseRightSideOrder ? 'reverse' : ''),
             ref: rightSideRef,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav["default"], {
-              items: desktop === null || desktop === void 0 ? void 0 : (_desktop$items = desktop.items) === null || _desktop$items === void 0 ? void 0 : _desktop$items.filter(function (a) {
-                return a.pinned && a.type == 'item';
-              }).map(function (x) {
-                return x;
-              }),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav.default, {
+              items: desktop === null || desktop === void 0 || (_desktop$items = desktop.items) === null || _desktop$items === void 0 ? void 0 : _desktop$items.filter(a => a.pinned && a.type == 'item').map(x => x),
               action: desktop === null || desktop === void 0 ? void 0 : desktop.action
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileWrapper, {
               children: !!profileComponent && profileComponent
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopActions["default"], {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopActions.default, {
               ref: actionsRef,
               buttons: desktop === null || desktop === void 0 ? void 0 : desktop.buttons,
-              onShowUserMenu: function onShowUserMenu() {
-                return setShowUserMenu(!showUserMenu);
-              },
+              onShowUserMenu: () => setShowUserMenu(!showUserMenu),
               user: profile === null || profile === void 0 ? void 0 : profile.user,
               profileComponent: profileComponent
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(HamburgerButton, {
               hidden: !isAuthenticated,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                action: function action() {
-                  return setShowMobileMenu(!showMobileMenu);
-                },
+                action: () => setShowMobileMenu(!showMobileMenu),
                 ref: mobileMenuButtonRef,
                 shape: 'circular',
                 variant: 'secondary',
@@ -166,43 +131,36 @@ var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
         ref: mobileMenuRef,
         role: "menu",
         "aria-labelledby": "UserMenuButton",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenu["default"], _objectSpread(_objectSpread({}, mobile), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenu.default, _objectSpread(_objectSpread({}, mobile), {}, {
           show: showMobileMenu,
-          onClose: function onClose() {
-            return setShowMobileMenu(false);
-          },
+          onClose: () => setShowMobileMenu(false),
           profile: !profileComponent ? profile : undefined
         }))
       })
-    }), (desktop === null || desktop === void 0 ? void 0 : (_desktop$buttons = desktop.buttons) === null || _desktop$buttons === void 0 ? void 0 : _desktop$buttons.some(function (a) {
-      return a.type === 'profile';
-    })) && !!profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
+    }), (desktop === null || desktop === void 0 || (_desktop$buttons = desktop.buttons) === null || _desktop$buttons === void 0 ? void 0 : _desktop$buttons.some(a => a.type === 'profile')) && !!profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
       ref: userMenuRef,
       $offsetRight: avatarRight,
       "data-testid": "testUserMenuWrapper",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu["default"], _objectSpread(_objectSpread({}, profile), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.default, _objectSpread(_objectSpread({}, profile), {}, {
         show: showUserMenu,
-        onHideUserMenu: function onHideUserMenu() {
-          return setShowUserMenu(false);
-        }
+        onHideUserMenu: () => setShowUserMenu(false)
       }))
     })]
   });
 };
 GlobalNavigationBar.propTypes = {
-  isAuthenticated: _propTypes["default"].bool,
-  useMaxWidth: _propTypes["default"].bool,
-  maxWidth: _propTypes["default"].number,
-  name: _propTypes["default"].string,
-  logo: _propTypes["default"].shape({
-    onClick: _propTypes["default"].func,
-    to: _propTypes["default"].string,
-    showBetaTag: _propTypes["default"].bool
+  isAuthenticated: _propTypes.default.bool,
+  useMaxWidth: _propTypes.default.bool,
+  maxWidth: _propTypes.default.number,
+  name: _propTypes.default.string,
+  logo: _propTypes.default.shape({
+    onClick: _propTypes.default.func,
+    to: _propTypes.default.string,
+    showBetaTag: _propTypes.default.bool
   }),
-  testId: _propTypes["default"].string,
-  profileComponent: _propTypes["default"].node,
-  border: _propTypes["default"].bool
+  testId: _propTypes.default.string,
+  profileComponent: _propTypes.default.node,
+  border: _propTypes.default.bool
 };
-var _default = GlobalNavigationBar;
-exports["default"] = _default;
+var _default = exports.default = GlobalNavigationBar;
 //# sourceMappingURL=GlobalNavigationBar.cjs.map

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalNavigationBar.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Logo","_MainMenu","_Layouts","_styles","_RightSideNav","_MobileMenu","_icons","_UserMenu","_CommonStyles","_Button","_DesktopActions","_rooks","_common","_utils","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","HeaderWrapper","styled","header","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","sticky_menu","BREAKPOINTS","MEDIUM","LARGE","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","MobileWrapper","UserMenuWrapper","$offsetRight","hasWindow","concat","window","innerWidth","GlobalNavigationBar","_ref","_actionsRef$current","_actionsRef$current$b","_actionsRef$current$b2","_actionsRef$current$b3","_desktop$items","_desktop$buttons","name","isAuthenticated","logo","profile","mobile","desktop","testId","_ref$useMaxWidth","useMaxWidth","maxWidth","profileComponent","_ref$border","border","_React$useState","useState","_React$useState2","_slicedToArray2","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","usePreviousImmediate","_React$useState3","_React$useState4","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","type","ref","mobileMenuButtonRef","rightSideRef","_React$useState5","_React$useState6","avatarRight","setAvatarRight","userMenuRef","useClickOutsideRef","mobileMenuRef","useEffect","handleResize","_profileButtonRef$cur","_profileButtonRef$cur2","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","jsxs","Fragment","children","jsx","className","PageWidth","$useMaxWidth","$maxWidth","$unsetMargin","showBetaTag","onClick","to","items","pinned","reverseRightSideOrder","map","x","action","onShowUserMenu","user","hidden","IconButton","shape","variant","SystemIcons","Menu","size","role","show","onClose","undefined","some","onHideUserMenu","propTypes","_propTypes","bool","number","string","func","node","_default","exports"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalNavigationBar.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Logo","_MainMenu","_Layouts","_styles","_RightSideNav","_MobileMenu","_icons","_UserMenu","_CommonStyles","_Button","_DesktopActions","_rooks","_common","_utils","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","HeaderWrapper","styled","header","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","sticky_menu","BREAKPOINTS","MEDIUM","LARGE","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","MobileWrapper","UserMenuWrapper","$offsetRight","hasWindow","concat","window","innerWidth","GlobalNavigationBar","_ref","_actionsRef$current","_desktop$items","_desktop$buttons","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","profileComponent","border","showMobileMenu","setShowMobileMenu","useState","wasMobileMenuOpen","usePreviousImmediate","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","useClickOutsideRef","mobileMenuRef","useEffect","handleResize","_profileButtonRef$cur","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","jsxs","Fragment","children","jsx","className","PageWidth","$useMaxWidth","$maxWidth","$unsetMargin","showBetaTag","onClick","to","items","pinned","reverseRightSideOrder","map","x","action","onShowUserMenu","user","hidden","IconButton","shape","variant","SystemIcons","Menu","size","role","show","onClose","undefined","some","onHideUserMenu","propTypes","_propTypes","bool","number","string","func","node","_default","exports"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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","ignoreList":[]}