@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js

@@ -1,23 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ESU_FIELDS", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailSignUpConfig.ESU_FIELDS;
   }
 });
 exports.EmailSignUp = void 0;
 Object.defineProperty(exports, "buildEsuValidationSchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailSignUpConfig.buildEsuValidationSchema;
   }
 });
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _EmailSignUp = require("./EmailSignUp.style");
 var _ButtonWithStates = _interopRequireDefault(require("../../Atoms/ButtonWithStates/ButtonWithStates"));
@@ -25,23 +24,27 @@ var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _EmailSignUpConfig = require("./_EmailSignUpConfig");
 var _ErrorText = _interopRequireDefault(require("../../Atoms/ErrorText/ErrorText"));
 var _Confetti = _interopRequireDefault(require("../../Atoms/Confetti/Confetti"));
-var _excluded = ["title", "topCopy", "successCopy", "privacyCopy", "backgroundColour", "buttonColour", "formContext", "columnLayout"];
-var EmailSignUp = exports.EmailSignUp = function EmailSignUp(_ref) {
-  var title = _ref.title,
-    topCopy = _ref.topCopy,
-    successCopy = _ref.successCopy,
-    privacyCopy = _ref.privacyCopy,
-    backgroundColour = _ref.backgroundColour,
-    buttonColour = _ref.buttonColour,
-    formContext = _ref.formContext,
-    columnLayout = _ref.columnLayout,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _formContext$formStat = formContext.formState,
-    isValid = _formContext$formStat.isValid,
-    isSubmitting = _formContext$formStat.isSubmitting,
-    isSubmitted = _formContext$formStat.isSubmitted,
-    isSubmitSuccessful = _formContext$formStat.isSubmitSuccessful,
-    errors = _formContext$formStat.errors;
+const EmailSignUp = _ref => {
+  let {
+    title,
+    topCopy,
+    successCopy,
+    privacyCopy,
+    backgroundColour,
+    buttonColour,
+    formContext,
+    columnLayout,
+    ...rest
+  } = _ref;
+  const {
+    formState: {
+      isValid,
+      isSubmitting,
+      isSubmitted,
+      isSubmitSuccessful,
+      errors
+    }
+  } = formContext;
   return /*#__PURE__*/_react.default.createElement(_EmailSignUp.ESUWrapper, Object.assign({
     backgroundColour: backgroundColour
   }, rest), /*#__PURE__*/_react.default.createElement(_EmailSignUp.Title, {
@@ -85,6 +88,7 @@ var EmailSignUp = exports.EmailSignUp = function EmailSignUp(_ref) {
     "data-test": "subscribe-button"
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, "Subscribe")))), isSubmitted && !isSubmitSuccessful && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errors.formError !== undefined && /*#__PURE__*/_react.default.createElement(_ErrorText.default, null, errors.formError.message)), /*#__PURE__*/_react.default.createElement(_EmailSignUp.PrivacyCopyWrapper, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, privacyCopy)));
 };
+exports.EmailSignUp = EmailSignUp;
 EmailSignUp.defaultProps = {
   backgroundColour: 'deep_violet_dark',
   buttonColour: 'red',

package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js

@@ -1,15 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildEsuValidationSchema = exports.ESU_FIELDS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _lodash = require("lodash");
 var yup = _interopRequireWildcard(require("yup"));
-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 && Object.prototype.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; }
 /**
  * ESU_FIELDS
  *
@@ -18,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * to customise form validation or behaviour, as the fields are handled within the CL
  * we just make this read-only to prevent any external changes of this object.
  */
-var ESU_FIELDS = exports.ESU_FIELDS = Object.freeze({
+const ESU_FIELDS = exports.ESU_FIELDS = Object.freeze({
   FIRST_NAME: 'firstName',
   LAST_NAME: 'lastName',
   EMAIL: 'email'
@@ -32,8 +29,12 @@ var ESU_FIELDS = exports.ESU_FIELDS = Object.freeze({
  *
  * @param overrides {Object} - A yup schema object (or an empty object)
  */
-var buildEsuValidationSchema = exports.buildEsuValidationSchema = function buildEsuValidationSchema(overrides) {
-  var _yup$object;
-  var defaultSchema = yup.object((_yup$object = {}, (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.FIRST_NAME, yup.string().required('Please enter your first name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(25, 'Your first name must be between 1 and 25 characters')), (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.LAST_NAME, yup.string().required('Please enter your last name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(50, 'Your first name must be between 1 and 50 characters')), (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.EMAIL, yup.string().required('Please enter your email address').email('Please enter a valid email address').max(100, 'Your email address must be between 1 and 100 characters long')), _yup$object));
+const buildEsuValidationSchema = overrides => {
+  const defaultSchema = yup.object({
+    [ESU_FIELDS.FIRST_NAME]: yup.string().required('Please enter your first name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(25, 'Your first name must be between 1 and 25 characters'),
+    [ESU_FIELDS.LAST_NAME]: yup.string().required('Please enter your last name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(50, 'Your first name must be between 1 and 50 characters'),
+    [ESU_FIELDS.EMAIL]: yup.string().required('Please enter your email address').email('Please enter a valid email address').max(100, 'Your email address must be between 1 and 100 characters long')
+  });
   return (0, _lodash.merge)(defaultSchema, overrides);
-};
+};
+exports.buildEsuValidationSchema = buildEsuValidationSchema;

package/dist/components/Organisms/EmailSignUp/_TextInput.js

@@ -1,35 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
-var _excluded = ["fieldName", "label", "optional", "fieldType", "formContext"];
 // TODO: This is a copy paste of the RHF friendly `TextInput` from Marketing Prefs.
 // Perhaps it would be worthwhile refactoring this into a new `Atom` as a seperate PR.
-var TextInput = function TextInput(_ref) {
-  var fieldName = _ref.fieldName,
-    label = _ref.label,
-    optional = _ref.optional,
-    fieldType = _ref.fieldType,
-    formContext = _ref.formContext,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var errors = formContext.errors,
-    register = formContext.register;
-  var props = (0, _objectSpread2.default)({
+const TextInput = _ref => {
+  let {
+    fieldName,
+    label,
+    optional,
+    fieldType,
+    formContext,
+    ...rest
+  } = _ref;
+  const {
+    errors,
+    register
+  } = formContext;
+  const props = {
     name: fieldName,
     type: fieldType,
-    label: label,
+    label,
     placeholder: label,
     errorMsg: errors && errors[fieldName] && errors[fieldName].message,
-    optional: optional,
-    'aria-required': !optional
-  }, rest);
+    optional,
+    'aria-required': !optional,
+    ...rest
+  };
   return /*#__PURE__*/_react.default.createElement(_Input.default, Object.assign({}, props, {
     ref: register
   }));

package/dist/components/Organisms/Footer/Footer.js

@@ -1,26 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _Logo = _interopRequireDefault(require("../../Atoms/Logo/Logo"));
 var _Nav = _interopRequireDefault(require("./Nav/Nav"));
 var _SocialIcons = _interopRequireDefault(require("../../Atoms/SocialIcons/SocialIcons"));
 var _Footer = require("./Footer.style");
-var _excluded = ["navItems", "footerCopy", "campaign", "additionalLegalLine"];
-var Footer = function Footer(_ref) {
-  var navItems = _ref.navItems,
-    footerCopy = _ref.footerCopy,
-    campaign = _ref.campaign,
-    additionalLegalLine = _ref.additionalLegalLine,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const Footer = _ref => {
+  let {
+    navItems,
+    footerCopy,
+    campaign,
+    additionalLegalLine,
+    ...rest
+  } = _ref;
   // Remove white space between words
-  var campaignName = campaign.replace(/\s/g, '').toLowerCase();
+  const campaignName = campaign.replace(/\s/g, '').toLowerCase();
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.FooterWrapper, Object.assign({
     navItems: true
   }, rest), /*#__PURE__*/_react.default.createElement(_Footer.InnerWrapper, null, additionalLegalLine && /*#__PURE__*/_react.default.createElement(_Footer.FooterLegalLine, {

package/dist/components/Organisms/Footer/Footer.style.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,51 +9,57 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-var FooterWrapper = exports.FooterWrapper = _styledComponents.default.footer.attrs(function () {
-  return {
-    role: 'banner'
-  };
-}).withConfig({
+const FooterWrapper = exports.FooterWrapper = _styledComponents.default.footer.attrs(() => ({
+  role: 'banner'
+})).withConfig({
   displayName: "Footerstyle__FooterWrapper",
   componentId: "sc-167xaf5-0"
-})(["text-align:center;line-height:initial;background:#222;position:relative;padding:", " 0;@media ", "{padding:", ";}"], (0, _spacing.default)('md'), function (_ref) {
-  var theme = _ref.theme;
+})(["text-align:center;line-height:initial;background:#222;position:relative;padding:", " 0;@media ", "{padding:", ";}"], (0, _spacing.default)('md'), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
 }, (0, _spacing.default)('l'));
-var Angle = exports.Angle = _styledComponents.default.div.withConfig({
+const Angle = exports.Angle = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__Angle",
   componentId: "sc-167xaf5-1"
-})(["width:100%;display:block;clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:50px;background:#222;margin-bottom:1rem;@media ", "{clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:95px;}"], function (_ref2) {
-  var theme = _ref2.theme;
+})(["width:100%;display:block;clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:50px;background:#222;margin-bottom:1rem;@media ", "{clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:95px;}"], _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.breakpoint('medium');
 });
-var InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
+const InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__InnerWrapper",
   componentId: "sc-167xaf5-2"
-})(["position:relative;display:block;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 ", " ", ";@media ", "{padding:0 ", " ", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('l'), function (_ref3) {
-  var theme = _ref3.theme;
+})(["position:relative;display:block;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 ", " ", ";@media ", "{padding:0 ", " ", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('l'), _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.breakpoint('medium');
 }, (0, _spacing.default)('md'), (0, _spacing.default)('xl'));
-var FooterLegalLine = exports.FooterLegalLine = (0, _styledComponents.default)(_Text.default).withConfig({
+const FooterLegalLine = exports.FooterLegalLine = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Footerstyle__FooterLegalLine",
   componentId: "sc-167xaf5-3"
 })(["text-align:left;margin-top:1rem;"]);
-var FooterBranding = exports.FooterBranding = _styledComponents.default.div.withConfig({
+const FooterBranding = exports.FooterBranding = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__FooterBranding",
   componentId: "sc-167xaf5-4"
 })(["display:flex;margin:", " 0 5rem;justify-content:space-between;align-items:center;"], (0, _spacing.default)('lg'));
-var FooterCopyright = exports.FooterCopyright = _styledComponents.default.div.withConfig({
+const FooterCopyright = exports.FooterCopyright = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__FooterCopyright",
   componentId: "sc-167xaf5-5"
-})(["display:block;width:100%;height:100%;text-align:left;margin-top:", ";p{font-size:15px;line-height:24px;margin-bottom:5px;@media ", "{font-size:16px;line-height:27px;}}"], (0, _spacing.default)('lg'), function (_ref4) {
-  var theme = _ref4.theme;
+})(["display:block;width:100%;height:100%;text-align:left;margin-top:", ";p{font-size:15px;line-height:24px;margin-bottom:5px;@media ", "{font-size:16px;line-height:27px;}}"], (0, _spacing.default)('lg'), _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.breakpoint('medium');
 });
-var Brand = exports.Brand = (0, _styledComponents.default)(_Link.default).withConfig({
+const Brand = exports.Brand = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "Footerstyle__Brand",
   componentId: "sc-167xaf5-6"
 })(["color:transparent;border:0;:hover{border:0;}"]);
-var SocialIconWrapper = exports.SocialIconWrapper = _styledComponents.default.div.withConfig({
+const SocialIconWrapper = exports.SocialIconWrapper = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__SocialIconWrapper",
   componentId: "sc-167xaf5-7"
 })([""]);

package/dist/components/Organisms/Footer/Footer.test.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 require("jest-styled-components");
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
@@ -9,8 +9,8 @@ var _data = _interopRequireDefault(require("./data/data"));
 var _footerCopy = _interopRequireDefault(require("./data/footerCopy"));
 /* eslint-disable react/jsx-wrap-multilines */
 
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Footer.default, {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Footer.default, {
     navItems: _data.default,
     footerCopy: _footerCopy.default.copy
   })).toJSON();

package/dist/components/Organisms/Footer/Nav/Nav.js

@@ -1,41 +1,32 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
 var _breakpoint = require("../../../../theme/shared/breakpoint");
 var _navHelper = _interopRequireDefault(require("../../../../utils/navHelper"));
 var _internalLinkHelper = require("../../../../utils/internalLinkHelper");
 var _Nav = require("./Nav.style");
-var _excluded = ["navItems"];
-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 && Object.prototype.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; }
-var FooterNav = function FooterNav(_ref) {
-  var navItems = _ref.navItems,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var menuGroups = navItems.menuGroups;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    isExpandable = _useState2[0];
-  var _useState3 = (0, _react.useState)({}),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isSubMenuOpen = _useState4[0],
-    setIsSubMenuOpen = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isSmallBreakpoint = _useState6[0],
-    setIsSmallBreakpoint = _useState6[1];
+const FooterNav = _ref => {
+  let {
+    navItems,
+    ...rest
+  } = _ref;
+  const {
+    menuGroups
+  } = navItems;
+  const [isExpandable] = (0, _react.useState)(false);
+  const [isSubMenuOpen, setIsSubMenuOpen] = (0, _react.useState)({});
+  const [isSmallBreakpoint, setIsSmallBreakpoint] = (0, _react.useState)(false);
 
   // Detect window screen size when screen is resized
-  var resize = function resize() {
-    var screenSize = typeof window !== 'undefined' ? window.innerWidth : null;
+  const resize = () => {
+    const screenSize = typeof window !== 'undefined' ? window.innerWidth : null;
     if (screenSize !== null) {
       setIsSmallBreakpoint(screenSize < parseFloat(_breakpoint.sizes.small));
     }
@@ -47,18 +38,18 @@ var FooterNav = function FooterNav(_ref) {
    * Always stop the main 'parent' link from actually firing, but do the
    * collapsing for SM-MD breakpoints
    */
-  var toggleSubMenu = function toggleSubMenu(item) {
-    return function (event) {
-      event.preventDefault();
-      // Only run on SM, as we're only using the hide-show logic on SM
-      if (isSmallBreakpoint) {
-        setIsSubMenuOpen((0, _defineProperty2.default)({}, item, !isSubMenuOpen[item]));
-      }
-    };
+  const toggleSubMenu = item => event => {
+    event.preventDefault();
+    // Only run on SM, as we're only using the hide-show logic on SM
+    if (isSmallBreakpoint) {
+      setIsSubMenuOpen({
+        [item]: !isSubMenuOpen[item]
+      });
+    }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // Detect window screen size when page load
-    var width = typeof window !== 'undefined' ? window.innerWidth : null;
+    const width = typeof window !== 'undefined' ? window.innerWidth : null;
     setIsSmallBreakpoint(width < parseFloat(_breakpoint.sizes.small));
   }, []);
   return /*#__PURE__*/_react.default.createElement(_Nav.Nav, {
@@ -70,45 +61,43 @@ var FooterNav = function FooterNav(_ref) {
     tag: "h2"
   }, "Footer navigation"), /*#__PURE__*/_react.default.createElement(_Nav.NavMenu, {
     role: "menubar"
-  }, menuGroups.map(function (group, index) {
-    return /*#__PURE__*/_react.default.createElement(_Nav.NavItem, {
-      role: "none",
-      key: group.id,
-      index: index,
-      isSubMenuOpen: !!isSubMenuOpen[group.id]
-    }, !isSmallBreakpoint ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-      color: "white",
-      weight: "bold"
-    }, group.title) : /*#__PURE__*/_react.default.createElement(_Nav.NavLink, Object.assign({
-      href: "#",
+  }, menuGroups.map((group, index) => /*#__PURE__*/_react.default.createElement(_Nav.NavItem, {
+    role: "none",
+    key: group.id,
+    index: index,
+    isSubMenuOpen: !!isSubMenuOpen[group.id]
+  }, !isSmallBreakpoint ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    color: "white",
+    weight: "bold"
+  }, group.title) : /*#__PURE__*/_react.default.createElement(_Nav.NavLink, Object.assign({
+    href: "#",
+    inline: true,
+    "aria-expanded": !!isSubMenuOpen[group.id],
+    "aria-haspopup": "true",
+    role: "button",
+    onClick: toggleSubMenu(group.id)
+  }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    color: "white"
+  }, group.title)), group.links && group.links.length > 0 && /*#__PURE__*/_react.default.createElement(_Nav.SubNavMenu, {
+    role: "list",
+    "aria-label": group.title,
+    isSubMenuOpen: !!isSubMenuOpen[group.id],
+    column: group.links.length % 2 === 0 && group.links.length > 2
+  }, group.links.map(child => {
+    /* Determine which field represents our url path */
+    let thisUrl = (0, _navHelper.default)(child);
+    thisUrl = (0, _internalLinkHelper.InternalLinkHelper)(thisUrl);
+    return /*#__PURE__*/_react.default.createElement(_Nav.SubNavItem, {
+      key: thisUrl,
+      column: group.links.length % 2 === 0 && group.links.length > 2
+    }, /*#__PURE__*/_react.default.createElement(_Nav.SubNavLink, Object.assign({
+      href: thisUrl,
       inline: true,
-      "aria-expanded": !!isSubMenuOpen[group.id],
-      "aria-haspopup": "true",
-      role: "button",
-      onClick: toggleSubMenu(group.id)
+      role: "menuitem"
     }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
       color: "white"
-    }, group.title)), group.links && group.links.length > 0 && /*#__PURE__*/_react.default.createElement(_Nav.SubNavMenu, {
-      role: "list",
-      "aria-label": group.title,
-      isSubMenuOpen: !!isSubMenuOpen[group.id],
-      column: group.links.length % 2 === 0 && group.links.length > 2
-    }, group.links.map(function (child) {
-      /* Determine which field represents our url path */
-      var thisUrl = (0, _navHelper.default)(child);
-      thisUrl = (0, _internalLinkHelper.InternalLinkHelper)(thisUrl);
-      return /*#__PURE__*/_react.default.createElement(_Nav.SubNavItem, {
-        key: thisUrl,
-        column: group.links.length % 2 === 0 && group.links.length > 2
-      }, /*#__PURE__*/_react.default.createElement(_Nav.SubNavLink, Object.assign({
-        href: thisUrl,
-        inline: true,
-        role: "menuitem"
-      }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
-        color: "white"
-      }, child.title)));
-    })));
-  })));
+    }, child.title)));
+  }))))));
 };
 FooterNav.defaultProps = {
   navItems: {}