@nice-digital/global-nav 5.0.940 → 7.0.930

package/README.md

@@ -19,8 +19,6 @@
 		- [Non-functional](#non-functional)
 	- [Stack](#stack)
 		- [Principles](#principles)
-		- [Why Nerv?](#why-nerv)
-			- [Why not Preact?](#why-not-preact)
 		- [CSS Modules](#css-modules)
 	- [:rocket: Set up](#rocket-set-up)
 		- [Other commands](#other-commands)
@@ -42,6 +40,7 @@
 				- [Header props](#header-props)
 					- [Header.service](#headerservice)
 					- [Header.skipLinkId](#headerskiplinkid)
+					- [Header.renderSearchOnly](#headerrendersearchonly)
 					- [Header.onNavigating](#headeronnavigating)
 					- [Header.onResize](#headeronresize)
 					- [Header.onDropdownOpen](#headerondropdownopen)
@@ -63,7 +62,6 @@
 		- [CDN](#cdn)
 			- [Container IDs](#container-ids)
 			- [Overrides](#overrides)
-			- [Supporting IE8](#supporting-ie8)
 			- [Configuration](#configuration)
 				- [service](#service)
 				- [header](#header)
@@ -75,6 +73,7 @@
 	- [Upgrading to v3](#upgrading-to-v3)
 	- [Upgrading to v4](#upgrading-to-v4)
 	- [Upgrading to v5](#upgrading-to-v5)
+	- [Upgrading to v6](#upgrading-to-v6)
 
 <!-- END doctoc -->
 </details>
@@ -101,24 +100,20 @@ The following non-functional requirements apply:
 
 - _accessible_: to WCAG 2.0 AA
 - _touch_: optimized for touch with sufficient touch targets
-- _performance_: budget of 50KB total minified and gzipped, with single HTTP request
 - _print_: print styles
 - _security_: tested against OWASP top 10 and pen tested
 - _progressive enhancement_:
   - mobile first
   - non-JS fallback for SSR React apps
-- _browser support_: IE8+
-  - 'functional' in < IE11
+- _browser support_: IE11+
 
 ## Stack
 
 - [React](https://reactjs.org/)
-- [NervJS](https://github.com/NervJS/nerv) for smaller footprint and IE8 support, until we drop support for IE8, then we can consider Preact
 - [SCSS](https://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html) for styles
 - [CSS Modules](https://github.com/css-modules/css-modules) for generated class names
 - [PostCSS](https://postcss.org/) for transforming CSS with plugins:
   - [autoprefixer](https://autoprefixer.github.io/) for automatically adding vendor prefixes in CSS
-  - [pixrem](https://github.com/robwierzbowski/node-pixrem) for adding pixel fallbacks to rem values to support IE8+
   - and [NICE Digital shared browserslist config](https://github.com/nice-digital/browserslist-config#readme)
 - [Webpack](https://webpack.js.org/) for module bundling
 - [Babel 7](https://babeljs.io/) for ES6/JSX → ES5 transpilation
@@ -129,7 +124,7 @@ The following non-functional requirements apply:
 - [Prettier](https://prettier.io/) for code formatting
 - [Jest](https://jestjs.io/) for JS unit tests and snapshot tests
 - [NICE Design System](https://nice-digital.github.io/nice-design-system/) core for SASS mixins, functions and colour/spacing variables
-- [NICE Icons](https://github.com/nice-digital/nice-icons)
+  - [NICE Icons](https://github.com/nice-digital/nice-icons)
 
 ### Principles
 
@@ -148,30 +143,6 @@ Consider the following development principles:
 - Clear extension points and hooks for integrating into applications
   - To avoid some of the issues from TopHat where there was no consistency
 
-### Why Nerv?
-
-You've probably never heard of [Nerv](https://nerv.aotu.io/). So why use it?
-
-We are using React because:
-
-- it gives us structure to our app
-- is well used in the community
-- is easy to test
-- is being adopted across Digital Services.
-
-However, consider the [non-functional requirements](#non-functional) and [development principles](#principles) above - specifically the need to support IE8 and to have a small bundle size. React works in IE9+ (with Polyfills) and is 31.8K (React 16.2.0 + React DOM minified and gzipped). Both of these make it less than ideal for creating a standalone bundle that will load on every page across NICE alongside each application's code.
-
-This is where Nerv fits in. It's a "blazing fast React alternative, compatible with IE8 and React 16" and is one third of React's size. It's a drop in replacement (via [aliases in Webpack](https://github.com/NervJS/nerv#usage-with-webpack)) so allows us to write 'normal' React, but compile with Nerv.
-
-#### Why not Preact?
-
-We considered [Preact](https://preactjs.com/) as a React alternative as it's only 3kB. However, we discounted it at the time of writing because:
-
-- it didn't have full support for React 16
-- the [browser support](https://preactjs.com/about/browser-support) docs were vague on detail for supporting IE8 and we struggled to get it to work.
-
-We may consider replacing Nerv with Preact in the future if we drop support for IE8.
-
 ### CSS Modules
 
 We use SCSS modules for a few reasons:
@@ -190,7 +161,7 @@ Using SCSS allows us to use mixins, functions and variables from the NICE Design
 **TL;DR;** to run the project locally, do the following:
 
 - install [Node 14+](https://nodejs.org/en/download/) or latest LTS version. Or even better, use [Volta](https://volta.sh/) to use the Node version pinned in package.json.
-- run `npm i` on the command line to install dependencies
+- run `npm ci` on the command line to install dependencies
 - run `npm start` on the command line
 - navigate to http://localhost:8080/ in a browser.
 
@@ -201,8 +172,6 @@ This compiles the application and spins up a development server. It then watches
 
 It then automatically reloads the application in the Browser (so no need for a manual reload) using [Hot Module Replacement (HMR) in webpack](https://webpack.js.org/concepts/hot-module-replacement/).
 
-> Note HMR doesn't work in IE8. Run the app via `npm run start:nohot` to test in IE8. You'll then to reload manually.
-
 ### Other commands
 
 There are various other commands you can run for further things like tests and linting:
@@ -270,7 +239,6 @@ The following VS Code extensions are **strongly** recommended, but not required:
 
 - Check you have the right version of Node installed
 - Make sure have LF line endings as this is a cross-platform project. This _should_ happen automatically because of settings in _.gitattributes_ and _.editorconfig_.
-- Use normal functions, rather than arrow functions because of support for IE8
 - Watch out for features of React that Nerv doesn't support, for example refs.
 
 ## How to use
@@ -361,6 +329,13 @@ See [services.json](src/services.json) for a list of the available service ident
 The identifier of the skip link target.
 An empty div with this id will be created at the end of the header, if it doesn't already exist on the page.
 
+###### Header.renderSearchOnly
+
+- Type: `boolean`
+- Default: `false`
+
+Optionally render the header with search box only to aid with debugging by reducing noise in the rendered output.
+
 ###### Header.onNavigating
 
 - Type: `String | Function`
@@ -383,7 +358,7 @@ window.onNavigatingHandler = function (e) {
 
   if (e.href === '/#browse') {
     // Trigger some custom behaviour
-  } else window.location.href = e.href; // Fallback to navigation as normal
+  } else window.location.assign(e.href); // Fallback to navigation as normal
 };
 
 var global_nav_config = {
@@ -466,7 +441,6 @@ var global_nav_config = {
   },
 };
 ```
-
 ###### Header.additionalSubMenuItems
 
 - Type: `null | Array`
@@ -607,7 +581,7 @@ Pass either a function, or the name of a function defined on `window`. E.g.:
 ```js
 window.onSearchingHandler = function (e) {
   // Define your implementation here e.g.:
-  window.location.href = '/search?q=' + encodeURIComponent(e.query);
+  window.location.assign('/search?q=' + encodeURIComponent(e.query));
 };
 
 var global_nav_config = {
@@ -718,8 +692,6 @@ or
 
 Note the production build needs the `+` character in the build metadata encoding as `%2B` to avoid browsers interpreting it as a space in the URL.
 
-> See the [IE8](#supporting-ie8) section below if you're supporting IE8.
-
 #### Container IDs
 
 The CDN version of Global Nav creates its own containers for the header and footer if they don't already exist on the page. These containers use the ids:
@@ -758,19 +730,6 @@ Try not to override Global Nav styles in your app: the Global Nav exists to give
 }
 ```
 
-#### Supporting IE8
-
-Include the Global Nav polyfills before Global Nav itself to support IE8, for example:
-
-```js
-<!--[if lt IE 9]>
-	<script src="//cdn.nice.org.uk/global-nav/global-nav.ie8.min.js"></script>
-<![endif]-->
-<script src="//cdn.nice.org.uk/global-nav/global-nav.min.js"></script>
-```
-
-> Note: if you're supporting IE8 then you'll also need to include [html5shiv](https://github.com/aFarkas/html5shiv) in the `head` because we use HTML5 semantic elements like `header` and `footer`.
-
 #### Configuration
 
 Global Nav configuration is loaded from a global JavaScript variable on the window object called `global_nav_config`. Include this variable before the [cdn script include](#cdn). Here's a fulle example of all the available config options:
@@ -887,3 +846,7 @@ V4 involved updating a lot of dependencies. Mostly this was internal implementat
 ## Upgrading to v5
 
 Version 5 includes updates for the summer 2022 brand refresh. It's mostly an internal refactor of typography and colour updates and shouldn't include any breaking API changes.
+
+## Upgrading to v6
+
+Version 6 is mostly updates of dependencies, the biggest of which was React Testing Library (from Enzyme). It also includes support for React 18 and Design System v5. 

package/lib/Footer/Footer.js

@@ -1,70 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = exports.Footer = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Logo = _interopRequireDefault(require("@nice-digital/icons/lib/Logo"));
-
 var _Social = _interopRequireDefault(require("./Social"));
-
 var _Legal = _interopRequireDefault(require("./Legal"));
-
 var _Services = _interopRequireDefault(require("./Services"));
-
 var _Pages = _interopRequireDefault(require("./Pages"));
-
 var _FooterModule = _interopRequireDefault(require("./Footer.module.scss"));
-
 var _TrackedLink = _interopRequireDefault(require("../TrackedLink"));
-
 var _tracker = require("../tracker");
-
-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 Footer = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Footer, _Component);
-
-  function Footer() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Footer.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react["default"].createElement("footer", {
-      className: _FooterModule["default"].footer,
-      "data-tracking": "Global footer"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: _FooterModule["default"].container
-    }, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Logo",
-      href: "https://www.nice.org.uk/",
-      className: _FooterModule["default"].logo,
-      "aria-label": "Go to NICE home page"
-    }, /*#__PURE__*/_react["default"].createElement(_Logo["default"], null)), /*#__PURE__*/_react["default"].createElement(_Services["default"], {
-      service: this.props.service
-    }), /*#__PURE__*/_react["default"].createElement(_Pages["default"], {
-      service: this.props.service
-    }), /*#__PURE__*/_react["default"].createElement(_Social["default"], null)), /*#__PURE__*/_react["default"].createElement(_Legal["default"], null));
-  };
-
-  return Footer;
-}(_react.Component);
-
-exports.Footer = Footer;
+var _jsxRuntime = require("react/jsx-runtime");
+//TODO add string type for service prop
+var Footer = function Footer(_ref) {
+  var service = _ref.service;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("footer", {
+    className: _FooterModule.default.footer,
+    "data-tracking": "Global footer",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _FooterModule.default.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+        eventAction: _tracker.footerClickEventAction,
+        eventLabel: "Logo",
+        href: "https://www.nice.org.uk/",
+        className: _FooterModule.default.logo,
+        "aria-label": "Go to NICE home page",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Services.default, {
+        service: service
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pages.default, {
+        service: service
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Social.default, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Legal.default, {})]
+  });
+};
 Footer.propTypes = {
-  service: _propTypes["default"].string
+  service: _propTypes.default.string
 };
 var _default = Footer;
-exports["default"] = _default;
+exports.default = _default;

package/lib/Footer/Legal/Legal.js

@@ -1,77 +1,82 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _LegalModule = _interopRequireDefault(require("./Legal.module.scss"));
-
 var _TrackedLink = _interopRequireDefault(require("../../TrackedLink"));
-
 var _tracker = require("../../tracker");
-
-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 Legal = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Legal, _Component);
-
-  function Legal() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Legal.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: _LegalModule["default"].wrapper
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: _LegalModule["default"].container
-    }, /*#__PURE__*/_react["default"].createElement("nav", {
-      className: _LegalModule["default"].menu,
-      "aria-label": "Legal menu"
-    }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/accessibility",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Accessibility"
-    }, "Accessibility")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/freedom-of-information",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Freedom of information"
-    }, "Freedom of information")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/glossary",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Glossary"
-    }, "Glossary")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/terms-and-conditions",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Terms and conditions"
-    }, "Terms and conditions")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/privacy-notice",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Privacy notice"
-    }, "Privacy notice")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/cookies",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Cookies"
-    }, "Cookies")))), /*#__PURE__*/_react["default"].createElement("p", {
-      className: _LegalModule["default"].copyright
-    }, "\xA9", " ", /*#__PURE__*/_react["default"].createElement("abbr", {
-      title: "National Institute for Health and Care Excellence"
-    }, "NICE"), " ", new Date().getFullYear(), ". All rights reserved. Subject to", " ", /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-      href: "https://www.nice.org.uk/terms-and-conditions#notice-of-rights",
-      eventAction: _tracker.footerClickEventAction,
-      eventLabel: "Notice of rights"
-    }, "Notice of rights"), ".")));
-  };
-
-  return Legal;
-}(_react.Component);
-
-exports["default"] = Legal;
+var _jsxRuntime = require("react/jsx-runtime");
+var Legal = function Legal() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _LegalModule.default.wrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _LegalModule.default.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+        className: _LegalModule.default.menu,
+        "aria-label": "Legal menu",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/accessibility",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Accessibility",
+              children: "Accessibility"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/freedom-of-information",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Freedom of information",
+              children: "Freedom of information"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/glossary",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Glossary",
+              children: "Glossary"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/terms-and-conditions",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Terms and conditions",
+              children: "Terms and conditions"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/privacy-notice",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Privacy notice",
+              children: "Privacy notice"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+              href: "https://www.nice.org.uk/cookies",
+              eventAction: _tracker.footerClickEventAction,
+              eventLabel: "Cookies",
+              children: "Cookies"
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: _LegalModule.default.copyright,
+        children: ["\xA9", " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("abbr", {
+          title: "National Institute for Health and Care Excellence",
+          children: "NICE"
+        }), " ", new Date().getFullYear(), ". All rights reserved. Subject to", " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+          href: "https://www.nice.org.uk/terms-and-conditions#notice-of-rights",
+          eventAction: _tracker.footerClickEventAction,
+          eventLabel: "Notice of rights",
+          children: "Notice of rights"
+        }), "."]
+      })]
+    })
+  });
+};
+var _default = Legal;
+exports.default = _default;

package/lib/Footer/Legal/index.js

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

package/lib/Footer/Pages/Pages.js

@@ -1,63 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _PagesModule = _interopRequireDefault(require("./Pages.module.scss"));
-
 var _links = _interopRequireDefault(require("./links.json"));
-
 var _TrackedLink = _interopRequireDefault(require("../../TrackedLink"));
-
 var _tracker = require("../../tracker");
-
-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 Pages = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Pages, _Component);
-
-  function Pages() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Pages.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react["default"].createElement("nav", {
-      className: _PagesModule["default"].wrapper
-    }, /*#__PURE__*/_react["default"].createElement("ul", {
-      className: _PagesModule["default"].list
-    }, _links["default"].map(function (link) {
-      var href = link.href;
-
-      if (link.hrefOverrides && this.props.service) {
-        href = link.hrefOverrides[this.props.service] || href;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: link.text
-      }, /*#__PURE__*/_react["default"].createElement(_TrackedLink["default"], {
-        href: href,
-        eventAction: _tracker.footerClickEventAction,
-        eventLabel: link.text
-      }, link.text));
-    }.bind(this))));
-  };
-
-  return Pages;
-}(_react.Component);
-
-exports["default"] = Pages;
+var _jsxRuntime = require("react/jsx-runtime");
+//TODO add string type for service prop
+var Pages = function Pages(_ref) {
+  var service = _ref.service;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    className: _PagesModule.default.wrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: _PagesModule.default.list,
+      children: _links.default.map(function (link) {
+        var href = link.href;
+        if (link.hrefOverrides && service) {
+          href = link.hrefOverrides[service] || href;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackedLink.default, {
+            href: href,
+            eventAction: _tracker.footerClickEventAction,
+            eventLabel: link.text,
+            children: link.text
+          })
+        }, link.text);
+      })
+    })
+  });
+};
 Pages.propTypes = {
-  service: _propTypes["default"].string
-};
+  service: _propTypes.default.string
+};
+var _default = Pages;
+exports.default = _default;

package/lib/Footer/Pages/Pages.module.scss

@@ -29,7 +29,7 @@
     float: left;
     margin: 0;
     padding: utils.rem(0 0 0 spacing.$large);
-    width: percentage(math.div(2, 3));
+    width: math.percentage(math.div(2, 3));
   }
 }
 

package/lib/Footer/Pages/index.js

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

package/lib/Footer/Pages/links.json

@@ -28,10 +28,7 @@
     "text": "Contact us"
   },
   {
-    "href": "https://www.nice.org.uk/leave-feedback",
-    "hrefOverrides": {
-      "pathways": "https://www.nice.org.uk/NICE-Pathways-feedback"
-    },
+    "href": "https://www.nice.org.uk/forms/leave-feedback",
     "text": "Leave feedback"
   },
   {
@@ -39,7 +36,7 @@
     "text": "Reusing our content"
   },
   {
-    "href": "https://www.nice.org.uk/re-using-our-content/uk-open-content-licence",
+    "href": "https://www.nice.org.uk/forms/use-of-nice-content-in-the-uk",
     "text": "NICE UK Open Content Licence"
   },
   {