@nice-digital/global-nav 5.0.940 → 7.0.930

package/lib/Header/Nav/NavLinks/NavLinks.js

@@ -1,41 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.NavLinks = NavLinks;
-exports["default"] = void 0;
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-
 var _useEscapeKeydown2 = _interopRequireDefault(require("../../../hooks/useEscapeKeydown"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ChevronDown = _interopRequireDefault(require("@nice-digital/icons/lib/ChevronDown"));
-
 var _ChevronUp = _interopRequireDefault(require("@nice-digital/icons/lib/ChevronUp"));
-
 var _SubNav = _interopRequireDefault(require("../SubNav"));
-
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
-
 var _HeaderContext = require("../../context/HeaderContext");
-
 var _Components = require("./../Dropdown/Components");
-
 var _NavLinksModule = _interopRequireDefault(require("./NavLinks.module.scss"));
-
 var _tracker = require("../../../tracker");
-
+var _jsxRuntime = require("react/jsx-runtime");
 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 _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; }
 var components = {
   about: _Components.AboutUs,
   bnf: _Components.BNF,
@@ -45,148 +32,142 @@ var components = {
   "life-sciences": _Components.LifeSciences,
   "standards-and-indicators": _Components.StandardsAndIndicators
 };
-
 function NavLinks(_ref) {
-  var _this = this;
-
   var servicesToDisplay = _ref.servicesToDisplay,
-      currentService = _ref.currentService,
-      subLinks = _ref.subLinks,
-      onNavigating = _ref.onNavigating,
-      skipLinkId = _ref.skipLinkId;
-
-  var _React$useState = _react["default"].useState(false),
-      canUseDOM = _React$useState[0],
-      setCanUseDOM = _React$useState[1];
-
+    currentService = _ref.currentService,
+    subLinks = _ref.subLinks,
+    onNavigating = _ref.onNavigating,
+    skipLinkId = _ref.skipLinkId;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    canUseDOM = _useState2[0],
+    setCanUseDOM = _useState2[1];
   var _useContext = (0, _react.useContext)(_HeaderContext.HeaderContext),
-      idOfOpenDropdown = _useContext.idOfOpenDropdown,
-      setidOfOpenDropdown = _useContext.setidOfOpenDropdown;
-
+    idOfOpenDropdown = _useContext.idOfOpenDropdown,
+    setidOfOpenDropdown = _useContext.setidOfOpenDropdown;
   (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2["default"])(this, _this);
     setCanUseDOM(true);
-  }.bind(this), []);
-
+  }, []);
   function handleNavButtonClick(id) {
     setidOfOpenDropdown(id === idOfOpenDropdown ? null : id);
   }
-
   function handleNavLinkClick(e) {
     e.preventDefault();
     setidOfOpenDropdown(null);
     var href = e.currentTarget.getAttribute("href");
-    (0, _tracker.trackEvent)(_tracker.defaultEventCategory, _tracker.headerClickEventAction, e.currentTarget.textContent, null, function () {
-      window.location.href = href;
-    }());
+    (0, _tracker.trackEvent)(_tracker.defaultEventCategory, _tracker.headerClickEventAction, e.currentTarget.textContent, null, href, function () {
+      window.location.assign(href);
+    });
   }
-
   var escapeKeydown = (0, _react.useCallback)(function (result) {
     if (result) setidOfOpenDropdown(null);
   }, []);
-
-  var _useEscapeKeydown = (0, _useEscapeKeydown2["default"])(escapeKeydown),
-      keydownRef = _useEscapeKeydown.keydownRef;
-
-  return /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _NavLinksModule["default"].menuList,
+  var _useEscapeKeydown = (0, _useEscapeKeydown2.default)(escapeKeydown),
+    keydownRef = _useEscapeKeydown.keydownRef;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+    className: _NavLinksModule.default.menuList,
     "aria-labelledby": "header-menu-button",
-    ref: keydownRef
-  }, servicesToDisplay.filter(function (item) {
-    return item.header;
-  }).map(function (_ref2, index) {
-    var _this2 = this;
-
-    (0, _newArrowCheck2["default"])(this, _this);
-    var host = _ref2.host,
+    ref: keydownRef,
+    children: servicesToDisplay.filter(function (item) {
+      return item.header;
+    }).map(function (_ref2, index) {
+      var host = _ref2.host,
         landingPath = _ref2.landingPath,
         id = _ref2.id,
         text = _ref2.text,
         abbreviation = _ref2.abbreviation,
         title = _ref2.title,
         nestedLinks = _ref2.nestedLinks;
-    var href = "https://" + host + landingPath,
+      var href = "https://".concat(host).concat(landingPath),
         dropdownComponent = components[id];
-    var ariaCurrent = null;
-
-    if (currentService && id === currentService) {
-      ariaCurrent = true;
-
-      if (typeof location !== "undefined" && location && href === location.protocol + "//" + location.host + location.pathname) {
-        ariaCurrent = "page";
+      var ariaCurrent = null;
+      if (currentService && id === currentService) {
+        ariaCurrent = true;
+        if (typeof location !== "undefined" && location && href === "".concat(location.protocol, "//").concat(location.host).concat(location.pathname)) {
+          ariaCurrent = "page";
+        }
       }
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: id,
-      "data-tracking": text
-    }, dropdownComponent && canUseDOM ? /*#__PURE__*/_react["default"].createElement("button", {
-      onClick: function () {
-        (0, _newArrowCheck2["default"])(this, _this2);
-        return handleNavButtonClick(id);
-      }.bind(this),
-      "aria-current": ariaCurrent,
-      className: _NavLinksModule["default"].link,
-      "aria-controls": "dropdown-" + id,
-      "aria-expanded": id === idOfOpenDropdown ? true : false,
-      id: "navlink-" + id,
-      "aria-label": abbreviation && title
-    }, /*#__PURE__*/_react["default"].createElement("span", null, text), id === idOfOpenDropdown ? /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], {
-      className: _NavLinksModule["default"].icon,
-      pointerEvents: "none"
-    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], {
-      className: _NavLinksModule["default"].icon,
-      pointerEvents: "none"
-    }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("a", {
-      href: href,
-      "aria-current": ariaCurrent,
-      className: _NavLinksModule["default"].link,
-      onClick: handleNavLinkClick,
-      id: "navlink-" + id,
-      "aria-label": abbreviation && title
-    }, /*#__PURE__*/_react["default"].createElement("span", null, text), nestedLinks && /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], {
-      className: _NavLinksModule["default"].icon,
-      pointerEvents: "none"
-    })), nestedLinks && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
-      id: id,
-      className: _NavLinksModule["default"].nonJsDropdown,
-      "aria-label": "More NICE services"
-    }, nestedLinks.map(function (_ref3) {
-      (0, _newArrowCheck2["default"])(this, _this2);
-      var href = _ref3.href,
-          text = _ref3.text,
-          id = _ref3.id;
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: id
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        href: href
-      }, text));
-    }.bind(this))))), dropdownComponent && canUseDOM ? /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-      component: dropdownComponent,
-      className: (0, _classnames["default"])([_NavLinksModule["default"].dropdown, id === idOfOpenDropdown && _NavLinksModule["default"].active]),
-      text: text,
-      nextNavSlug: servicesToDisplay[index + 1] ? servicesToDisplay[index + 1]["id"] : skipLinkId,
-      closeDropdown: function () {
-        (0, _newArrowCheck2["default"])(this, _this2);
-        return setidOfOpenDropdown(null);
-      }.bind(this),
-      id: id,
-      currentService: currentService
-    }) : null, ariaCurrent && subLinks && /*#__PURE__*/_react["default"].createElement(_SubNav["default"], {
-      links: subLinks,
-      text: text,
-      onNavigating: onNavigating
-    }));
-  }.bind(this)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+        "data-tracking": text,
+        children: [dropdownComponent && canUseDOM ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+          onClick: function onClick() {
+            return handleNavButtonClick(id);
+          },
+          "aria-current": ariaCurrent,
+          className: _NavLinksModule.default.link,
+          "aria-controls": "dropdown-".concat(id),
+          "aria-expanded": id === idOfOpenDropdown ? true : false,
+          id: "navlink-".concat(id),
+          "aria-label": abbreviation && title,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: text
+          }), id === idOfOpenDropdown ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronUp.default, {
+            className: _NavLinksModule.default.icon,
+            pointerEvents: "none"
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronDown.default, {
+              className: _NavLinksModule.default.icon,
+              pointerEvents: "none"
+            })
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+            href: href,
+            "aria-current": ariaCurrent,
+            className: _NavLinksModule.default.link,
+            onClick: handleNavLinkClick,
+            id: "navlink-".concat(id),
+            "aria-label": abbreviation && title,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: text
+            }), nestedLinks && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronDown.default, {
+              className: _NavLinksModule.default.icon,
+              pointerEvents: "none"
+            })]
+          }), nestedLinks && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+              id: id,
+              className: _NavLinksModule.default.nonJsDropdown,
+              "aria-label": "More NICE services",
+              children: nestedLinks.map(function (_ref3) {
+                var href = _ref3.href,
+                  text = _ref3.text,
+                  id = _ref3.id;
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                    href: href,
+                    children: text
+                  })
+                }, id);
+              })
+            })
+          })]
+        }), dropdownComponent && canUseDOM ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+          component: dropdownComponent,
+          className: (0, _classnames.default)([_NavLinksModule.default.dropdown, id === idOfOpenDropdown && _NavLinksModule.default.active]),
+          text: text,
+          nextNavSlug: servicesToDisplay[index + 1] ? servicesToDisplay[index + 1]["id"] : skipLinkId,
+          closeDropdown: function closeDropdown() {
+            return setidOfOpenDropdown(null);
+          },
+          id: id,
+          currentService: currentService
+        }) : null, ariaCurrent && subLinks && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubNav.default, {
+          links: subLinks,
+          text: text,
+          onNavigating: onNavigating
+        })]
+      }, id);
+    })
+  });
 }
-
 NavLinks.propTypes = {
-  skipLinkId: _propTypes["default"].string,
-  servicesToDisplay: _propTypes["default"].array,
-  currentService: _propTypes["default"].string,
-  subLinks: _propTypes["default"].array,
-  onNavigating: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].string]),
-  handleScrim: _propTypes["default"].func
+  skipLinkId: _propTypes.default.string,
+  servicesToDisplay: _propTypes.default.array,
+  currentService: _propTypes.default.string,
+  subLinks: _propTypes.default.array,
+  onNavigating: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  handleScrim: _propTypes.default.func
 };
 var _default = NavLinks;
-exports["default"] = _default;
+exports.default = _default;

package/lib/Header/Nav/NavLinks/NavLinks.module.scss

@@ -55,7 +55,7 @@ button.link {
 .dropdown {
   background-color: $body;
   box-shadow: 0 utils.rem(spacing.$small) utils.rem(spacing.$small) 0
-    rgba(0, 0, 0, 0.1);
+    rgba(0 0 0 / 10%);
   display: none;
   left: 0;
   position: relative;

package/lib/Header/Nav/NavLinks/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _NavLinks = _interopRequireDefault(require("./NavLinks"));
-
-exports["default"] = _NavLinks["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _NavLinks.default;
+  }
+});
+var _NavLinks = _interopRequireDefault(require("./NavLinks"));

package/lib/Header/Nav/SubNav/SubNav.js

@@ -1,115 +1,79 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = exports.SubNav = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _cks = _interopRequireDefault(require("./images/cks.svg"));
-
 var _bnf = _interopRequireDefault(require("./images/bnf.svg"));
-
 var _bnfc = _interopRequireDefault(require("./images/bnfc.svg"));
-
 var _utils = require("../../../utils");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tracker = require("../../../tracker");
-
 var _SubNavModule = _interopRequireDefault(require("./SubNav.module.scss"));
-
-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; }
-
+var _jsxRuntime = require("react/jsx-runtime");
 var images = {
-  cks: _cks["default"],
-  bnf: _bnf["default"],
-  bnfc: _bnfc["default"]
+  cks: _cks.default,
+  bnf: _bnf.default,
+  bnfc: _bnfc.default
 };
-
-var SubNav = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(SubNav, _Component);
-
-  function SubNav(props) {
-    var _this;
-
-    _this = _Component.call(this, props) || this;
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  var _proto = SubNav.prototype;
-
-  _proto.handleClick = function handleClick(e) {
+var SubNav = function SubNav(props) {
+  var handleClick = function handleClick(e) {
     e.preventDefault();
     var currentTarget = e.currentTarget;
-    var href = currentTarget.getAttribute("href"); // To support IE8
-
+    var href = currentTarget.getAttribute("href");
     var eventLabel = currentTarget.textContent || currentTarget.innerText || currentTarget.ariaLabel;
     (0, _tracker.trackEvent)(_tracker.defaultEventCategory, _tracker.headerClickEventAction, eventLabel, null, href, function () {
-      var onNavigating = this.props.onNavigating;
+      var onNavigating = props.onNavigating;
       var onNavigatingCallback = (0, _utils.getCallbackFunction)(onNavigating);
-
       if (onNavigatingCallback) {
         onNavigatingCallback({
           element: currentTarget,
           href: href
         });
-      } else window.location.href = href;
-    }.bind(this));
+      } else window.location.assign(href);
+    });
   };
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: _SubNavModule["default"].wrapper
-    }, /*#__PURE__*/_react["default"].createElement("ul", {
-      className: _SubNavModule["default"].list,
-      "aria-label": this.props.text + " links"
-    }, this.props.links.map(function (subLink, i) {
-      var ariaCurrent = null;
-
-      if (typeof window !== "undefined") {
-        if (window.location.pathname === subLink.href) {
-          ariaCurrent = "page";
-        } else if (window.location.pathname.indexOf(subLink.href) === 0) ariaCurrent = true;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: i,
-        className: subLink.image && _SubNavModule["default"].imageLink
-      }, /*#__PURE__*/_react["default"].createElement("a", {
-        href: subLink.href,
-        "aria-current": ariaCurrent,
-        className: _SubNavModule["default"].link,
-        onClick: this.handleClick,
-        "aria-label": subLink.text
-      }, subLink.image ? /*#__PURE__*/_react["default"].createElement("img", {
-        src: images[subLink.image],
-        className: _SubNavModule["default"].image,
-        alt: ""
-      }) : subLink.text));
-    }.bind(this))));
-  };
-
-  return SubNav;
-}(_react.Component);
-
-exports.SubNav = SubNav;
-var _default = SubNav;
-exports["default"] = _default;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _SubNavModule.default.wrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: _SubNavModule.default.list,
+      "aria-label": "".concat(props.text, " links"),
+      children: props.links.map(function (subLink, i) {
+        var ariaCurrent = null;
+        if (typeof window !== "undefined") {
+          if (window.location.pathname === subLink.href) {
+            ariaCurrent = "page";
+          } else if (window.location.pathname.indexOf(subLink.href) === 0) ariaCurrent = true;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: subLink.image && _SubNavModule.default.imageLink,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: subLink.href,
+            "aria-current": ariaCurrent,
+            className: _SubNavModule.default.link,
+            onClick: handleClick,
+            "aria-label": subLink.text,
+            children: subLink.image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: images[subLink.image],
+              className: _SubNavModule.default.image,
+              alt: ""
+            }) : subLink.text
+          })
+        }, i);
+      })
+    })
+  });
+};
+var _default = SubNav; //TODO Convert proptypes to typescript
+exports.default = _default;
 SubNav.propTypes = {
-  text: _propTypes["default"].string.isRequired,
-  links: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    href: _propTypes["default"].string.isRequired,
-    text: _propTypes["default"].string.isRequired
+  text: _propTypes.default.string.isRequired,
+  links: _propTypes.default.arrayOf(_propTypes.default.shape({
+    href: _propTypes.default.string.isRequired,
+    text: _propTypes.default.string.isRequired
   })),
-  onNavigating: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].string])
+  onNavigating: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
 };

package/lib/Header/Nav/SubNav/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _SubNav = _interopRequireDefault(require("./SubNav"));
-
-exports["default"] = _SubNav["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SubNav.default;
+  }
+});
+var _SubNav = _interopRequireDefault(require("./SubNav"));

package/lib/Header/Nav/__mocks__/services.json

@@ -4,7 +4,7 @@
       "host": "www.test.nice.org",
       "landingPath": "/url1/",
       "text": "First link",
-      "id": "link1",
+      "id": "about",
       "header": true
     },
     {
@@ -14,7 +14,7 @@
       "id": "link2",
       "header": true,
       "abbreviation": true,
-      "title": "Abbreviation title",
+      "title": "Second link abbreviation title",
       "links": [
         {
           "text": "Sub link 1",
@@ -33,7 +33,7 @@
       "id": "link3",
       "header": true,
       "abbreviation": true,
-      "title": "Abbreviation title",
+      "title": "Third link abbreviation title",
       "links": [
         {
           "text": "Sub link 1",

package/lib/Header/Nav/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Nav = _interopRequireDefault(require("./Nav"));
-
-exports["default"] = _Nav["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Nav.default;
+  }
+});
+var _Nav = _interopRequireDefault(require("./Nav"));