@nice-digital/global-nav 5.0.928 → 7.0.926-GN-76-DropIE11AndUpd

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)
@@ -63,7 +61,6 @@
 		- [CDN](#cdn)
 			- [Container IDs](#container-ids)
 			- [Overrides](#overrides)
-			- [Supporting IE8](#supporting-ie8)
 			- [Configuration](#configuration)
 				- [service](#service)
 				- [header](#header)
@@ -75,6 +72,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 +99,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 +123,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 +142,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 +160,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 +171,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 +238,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
@@ -383,7 +350,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 = {
@@ -607,7 +574,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 +685,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 +723,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 +839,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,67 @@
 "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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Footer = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireWildcard(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");
-
+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; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Footer = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Footer, _Component);
-
+  (0, _inherits2.default)(Footer, _Component);
+  var _super = _createSuper(Footer);
   function Footer() {
-    return _Component.apply(this, arguments) || this;
+    (0, _classCallCheck2.default)(this, Footer);
+    return _super.apply(this, arguments);
   }
-
-  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));
-  };
-
+  (0, _createClass2.default)(Footer, [{
+    key: "render",
+    value: function render() {
+      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: this.props.service
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pages.default, {
+            service: this.props.service
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Social.default, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Legal.default, {})]
+      });
+    }
+  }]);
   return Footer;
 }(_react.Component);
-
 exports.Footer = Footer;
 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,103 @@
 "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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireWildcard(require("react"));
-
 var _LegalModule = _interopRequireDefault(require("./Legal.module.scss"));
-
 var _TrackedLink = _interopRequireDefault(require("../../TrackedLink"));
-
 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; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Legal = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Legal, _Component);
-
+  (0, _inherits2.default)(Legal, _Component);
+  var _super = _createSuper(Legal);
   function Legal() {
-    return _Component.apply(this, arguments) || this;
+    (0, _classCallCheck2.default)(this, Legal);
+    return _super.apply(this, arguments);
   }
-
-  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"), ".")));
-  };
-
+  (0, _createClass2.default)(Legal, [{
+    key: "render",
+    value: function render() {
+      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"
+            }), "."]
+          })]
+        })
+      });
+    }
+  }]);
   return Legal;
 }(_react.Component);
-
-exports["default"] = Legal;
+exports.default = Legal;

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,62 @@
 "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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireWildcard(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");
-
+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; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Pages = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Pages, _Component);
-
+  (0, _inherits2.default)(Pages, _Component);
+  var _super = _createSuper(Pages);
   function Pages() {
-    return _Component.apply(this, arguments) || this;
+    (0, _classCallCheck2.default)(this, Pages);
+    return _super.apply(this, arguments);
   }
-
-  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))));
-  };
-
+  (0, _createClass2.default)(Pages, [{
+    key: "render",
+    value: function render() {
+      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 && this.props.service) {
+              href = link.hrefOverrides[this.props.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);
+          }.bind(this))
+        })
+      });
+    }
+  }]);
   return Pages;
 }(_react.Component);
-
-exports["default"] = Pages;
+exports.default = Pages;
 Pages.propTypes = {
-  service: _propTypes["default"].string
+  service: _propTypes.default.string
 };

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));
   }
 }