@laerdal/life-react-components 3.6.0 → 3.6.1

package/dist/Footer/SiteFooter.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -21,12 +21,30 @@ var _Layouts = require("../Layouts");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
 var _templateObject, _templateObject2;
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), _styles.COLORS.neutral_800, _styles.COLORS.neutral_200, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-var FooterLine = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.MEDIUM);
+/**
+ * Import React libraries.
+ */
+/**
+ * Import third-party libraries.
+ */
+/**
+ * Import custom components.
+ */
+/**
+ * Import custom styles.
+ */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FooterContainer = _styledComponents["default"].footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
+var FooterLine = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, _styles.BREAKPOINTS.MEDIUM);
 var SiteFooter = function SiteFooter(_ref) {
   var id = _ref.id,
     sitename = _ref.sitename,
@@ -42,7 +60,7 @@ var SiteFooter = function SiteFooter(_ref) {
     _ref$useMaxWidth = _ref.useMaxWidth,
     useMaxWidth = _ref$useMaxWidth === void 0 ? true : _ref$useMaxWidth,
     maxWidth = _ref.maxWidth,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterContainer, _objectSpread(_objectSpread({
     id: id,
     "data-testid": 'footer-container'
@@ -51,18 +69,18 @@ var SiteFooter = function SiteFooter(_ref) {
       unsetMargin: true,
       useMaxWidth: useMaxWidth,
       maxWidth: maxWidth,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterTop.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterTop["default"], {
         sitename: sitename,
         showBetaTag: showBetaTag,
         toTopText: toTopText
-      }), navOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterNavSection.default, {
+      }), navOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterNavSection["default"], {
         mainId: id,
         navOptions: navOptions
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterLine, {}), includeNewsletterAndSocialSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterNewsletterAndSocialSection.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterLine, {}), includeNewsletterAndSocialSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterNewsletterAndSocialSection["default"], {
         placeholderEmail: placeholderEmailField,
         actionOnNewsletterSignup: onNewsletterSignup,
         newsletterLabel: newsletterLabel || ''
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterBottomLinks.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterBottomLinks["default"], {
         bottomLinks: bottomLinks,
         copyrightText: copyrightText
       })]
@@ -70,20 +88,20 @@ var SiteFooter = function SiteFooter(_ref) {
   }));
 };
 SiteFooter.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  sitename: _propTypes.default.string,
-  showBetaTag: _propTypes.default.bool,
-  bottomLinks: _propTypes.default.array,
-  copyrightText: _propTypes.default.string,
-  includeNewsletterAndSocialSection: _propTypes.default.bool,
-  actionOnNewsletterSignup: _propTypes.default.func,
-  newsletterLabel: _propTypes.default.string,
-  toTopText: _propTypes.default.string.isRequired,
-  placeholderEmailField: _propTypes.default.string,
-  onNewsletterSignup: _propTypes.default.func,
-  useMaxWidth: _propTypes.default.bool,
-  maxWidth: _propTypes.default.number
+  id: _propTypes["default"].string.isRequired,
+  sitename: _propTypes["default"].string,
+  showBetaTag: _propTypes["default"].bool,
+  bottomLinks: _propTypes["default"].array,
+  copyrightText: _propTypes["default"].string,
+  includeNewsletterAndSocialSection: _propTypes["default"].bool,
+  actionOnNewsletterSignup: _propTypes["default"].func,
+  newsletterLabel: _propTypes["default"].string,
+  toTopText: _propTypes["default"].string.isRequired,
+  placeholderEmailField: _propTypes["default"].string,
+  onNewsletterSignup: _propTypes["default"].func,
+  useMaxWidth: _propTypes["default"].bool,
+  maxWidth: _propTypes["default"].number
 };
 var _default = SiteFooter;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=SiteFooter.cjs.map

package/dist/Footer/SiteFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.cjs","names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${COLORS.neutral_800};\r\n  border-top: 8px solid ${COLORS.neutral_200};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${COLORS.white};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth unsetMargin={true} useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":";;;;;;;;;;;;AAGA;AAKA;AAKA;AACA;AACA;AACA;AACA;AAMA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,MAAM,iSAEfC,cAAM,CAACC,WAAW,EACdD,cAAM,CAACE,WAAW,EAKxCC,mBAAW,CAACC,MAAM,EAIlBD,mBAAW,CAACE,KAAK,CAGpB;AACD,IAAMC,UAAU,GAAGR,yBAAM,CAACS,GAAG,6KACHP,cAAM,CAACQ,KAAK,EAElCL,mBAAW,CAACC,MAAM,CAGrB;AAmBD,IAAMK,UAAU,GAAG,SAAbA,UAAU,OAeM;EAAA,IAdpBC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,qBAAqB,QAArBA,qBAAqB;IACrBC,iCAAiC,QAAjCA,iCAAiC;IACjCC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,kBAAkB,QAAlBA,kBAAkB;IAAA,wBAClBC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAClBC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,qBAAC,eAAe;IAAC,EAAE,EAAEb,EAAG;IAAC,eAAa;EAAmB,GAAKa,IAAI;IAAA,uBAChE,sBAAC,kBAAS;MAAC,WAAW,EAAE,IAAK;MAAC,WAAW,EAAEF,WAAY;MAAC,QAAQ,EAAEC,QAAS;MAAA,wBACzE,qBAAC,kBAAS;QAAC,QAAQ,EAAEX,QAAS;QAAC,WAAW,EAAEE,WAAY;QAAC,SAAS,EAAEE;MAAU,EAAG,EAChFI,UAAU,iBAAI,qBAAC,yBAAgB;QAAC,MAAM,EAAET,EAAG;QAAC,UAAU,EAAES;MAAW,EAAG,eACvE,qBAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,qBAAC,yCAAgC;QAAC,gBAAgB,EAAED,qBAAsB;QAAC,wBAAwB,EAAEI,kBAAmB;QAAC,eAAe,EAAEF,eAAe,IAAI;MAAG,EACjK,eACD,qBAAC,0BAAiB;QAAC,WAAW,EAAEN,WAAY;QAAC,aAAa,EAAEE;MAAc,EAAG;IAAA;EACnE,GACI;AAEtB,CAAC;AAAC;EA7CAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCO,wBAAwB;EACxBN,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;EAClBC,WAAW;EACXC,QAAQ;AAAA;AAAA,eAkCKb,UAAU;AAAA"}
+{"version":3,"file":"SiteFooter.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_FooterBottomLinks","_FooterTop","_FooterNewsletterAndSocialSection","_FooterNavSection","_styles","_Layouts","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FooterContainer","styled","footer","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","_ref$useMaxWidth","useMaxWidth","maxWidth","rest","_objectWithoutProperties2","jsx","children","jsxs","PageWidth","unsetMargin","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_propTypes","string","isRequired","bool","array","func","number","_default","exports"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth unsetMargin={true} useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/SiteFooter.d.ts

@@ -22,5 +22,5 @@ interface NewFooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {
     useMaxWidth?: boolean;
     maxWidth?: number;
 }
-declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => JSX.Element;
+declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => React.JSX.Element;
 export default SiteFooter;

package/dist/Footer/SiteFooter.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
 var _templateObject, _templateObject2;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Import React libraries.
  */
@@ -32,8 +32,14 @@ import { BREAKPOINTS, COLORS } from '../styles';
 import { PageWidth } from "../Layouts";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), COLORS.neutral_800, COLORS.neutral_200, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-var FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), COLORS.white, BREAKPOINTS.MEDIUM);
+var FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
+var FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), function (props) {
+  return COLORS.getColor('white', props.theme);
+}, BREAKPOINTS.MEDIUM);
 var SiteFooter = function SiteFooter(_ref) {
   var id = _ref.id,
     sitename = _ref.sitename,

package/dist/Footer/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","FooterContainer","footer","neutral_800","neutral_200","MEDIUM","LARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${COLORS.neutral_800};\r\n  border-top: 8px solid ${COLORS.neutral_200};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${COLORS.white};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth unsetMargin={true} useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,gCAAgC,MAAM,+CAA+C;AAC5F,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,WAAW,EAAEC,MAAM,QAAQ,WAAW;;AAE/C;AACA;AACA;;AAEA,SAAQC,SAAS,QAAO,YAAY;AAAC;AAAA;AAErC,IAAMC,eAAe,GAAGR,MAAM,CAACS,MAAM,mRAEfH,MAAM,CAACI,WAAW,EACdJ,MAAM,CAACK,WAAW,EAKxCN,WAAW,CAACO,MAAM,EAIlBP,WAAW,CAACQ,KAAK,CAGpB;AACD,IAAMC,UAAU,GAAGd,MAAM,CAACe,GAAG,+JACHT,MAAM,CAACU,KAAK,EAElCX,WAAW,CAACO,MAAM,CAGrB;AAmBD,IAAMK,UAAU,GAAG,SAAbA,UAAU,OAeM;EAAA,IAdpBC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,qBAAqB,QAArBA,qBAAqB;IACrBC,iCAAiC,QAAjCA,iCAAiC;IACjCC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,kBAAkB,QAAlBA,kBAAkB;IAAA,wBAClBC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAClBC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,KAAC,eAAe;IAAC,EAAE,EAAEb,EAAG;IAAC,eAAa;EAAmB,GAAKa,IAAI;IAAA,uBAChE,MAAC,SAAS;MAAC,WAAW,EAAE,IAAK;MAAC,WAAW,EAAEF,WAAY;MAAC,QAAQ,EAAEC,QAAS;MAAA,wBACzE,KAAC,SAAS;QAAC,QAAQ,EAAEX,QAAS;QAAC,WAAW,EAAEE,WAAY;QAAC,SAAS,EAAEE;MAAU,EAAG,EAChFI,UAAU,iBAAI,KAAC,gBAAgB;QAAC,MAAM,EAAET,EAAG;QAAC,UAAU,EAAES;MAAW,EAAG,eACvE,KAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,KAAC,gCAAgC;QAAC,gBAAgB,EAAED,qBAAsB;QAAC,wBAAwB,EAAEI,kBAAmB;QAAC,eAAe,EAAEF,eAAe,IAAI;MAAG,EACjK,eACD,KAAC,iBAAiB;QAAC,WAAW,EAAEN,WAAY;QAAC,aAAa,EAAEE;MAAc,EAAG;IAAA;EACnE,GACI;AAEtB,CAAC;AAAC;EA7CAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCO,wBAAwB;EACxBN,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;EAClBC,WAAW;EACXC,QAAQ;AAAA;AAkCV,eAAeb,UAAU"}
+{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","_templateObject","_taggedTemplateLiteral","props","getColor","theme","MEDIUM","LARGE","FooterLine","div","_templateObject2","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","_ref$useMaxWidth","useMaxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_objectSpread","children","unsetMargin","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_pt","string","isRequired","bool","array","func","number"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth unsetMargin={true} useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,gCAAgC,MAAM,+CAA+C;AAC5F,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,WAAW,EAAEC,MAAM,QAAQ,WAAW;;AAE/C;AACA;AACA;;AAEA,SAAQC,SAAS,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,IAAMC,eAAe,GAAGZ,MAAM,CAACa,MAAM,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sNAEf,UAAAC,KAAK;EAAA,OAAIV,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAChD,UAAAF,KAAK;EAAA,OAAIV,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK1Eb,WAAW,CAACc,MAAM,EAIlBd,WAAW,CAACe,KAAK,CAGpB;AACD,IAAMC,UAAU,GAAGrB,MAAM,CAACsB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,gGACH,UAAAC,KAAK;EAAA,OAAIV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAEpEb,WAAW,CAACc,MAAM,CAGrB;AAmBD,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAeM;EAAA,IAdpBC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,qBAAqB,GAAAP,IAAA,CAArBO,qBAAqB;IACrBC,iCAAiC,GAAAR,IAAA,CAAjCQ,iCAAiC;IACjCC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,kBAAkB,GAAAX,IAAA,CAAlBW,kBAAkB;IAAAC,gBAAA,GAAAZ,IAAA,CAClBa,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IAClBE,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACLC,IAAI,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA;EAEP,oBACEjC,IAAA,CAACG,eAAe,EAAA+B,aAAA,CAAAA,aAAA;IAACjB,EAAE,EAAEA,EAAG;IAAC,eAAa;EAAmB,GAAKc,IAAI;IAAAI,QAAA,eAChEjC,KAAA,CAACJ,SAAS;MAACsC,WAAW,EAAE,IAAK;MAACP,WAAW,EAAEA,WAAY;MAACC,QAAQ,EAAEA,QAAS;MAAAK,QAAA,gBACzEnC,IAAA,CAACP,SAAS;QAACyB,QAAQ,EAAEA,QAAS;QAACE,WAAW,EAAEA,WAAY;QAACE,SAAS,EAAEA;MAAU,CAAE,CAAC,EAChFI,UAAU,iBAAI1B,IAAA,CAACL,gBAAgB;QAAC0C,MAAM,EAAEpB,EAAG;QAACS,UAAU,EAAEA;MAAW,CAAE,CAAC,eACvE1B,IAAA,CAACY,UAAU,IAAE,CAAC,EACbY,iCAAiC,iBAChCxB,IAAA,CAACN,gCAAgC;QAAC4C,gBAAgB,EAAEf,qBAAsB;QAACgB,wBAAwB,EAAEZ,kBAAmB;QAACF,eAAe,EAAEA,eAAe,IAAI;MAAG,CAAE,CACnK,eACDzB,IAAA,CAACR,iBAAiB;QAAC2B,WAAW,EAAEA,WAAY;QAACE,aAAa,EAAEA;MAAc,CAAE,CAAC;IAAA,CACpE;EAAC,EACG,CAAC;AAEtB,CAAC;AAACN,UAAA,CAAAyB,SAAA;EA7CAvB,EAAE,EAAAwB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACFzB,QAAQ,EAAAuB,GAAA,CAAAC,MAAA;EACRtB,WAAW,EAAAqB,GAAA,CAAAG,IAAA;EACXzB,WAAW,EAAAsB,GAAA,CAAAI,KAAA;EACXxB,aAAa,EAAAoB,GAAA,CAAAC,MAAA;EACblB,iCAAiC,EAAAiB,GAAA,CAAAG,IAAA;EACjCL,wBAAwB,EAAAE,GAAA,CAAAK,IAAA;EACxBrB,eAAe,EAAAgB,GAAA,CAAAC,MAAA;EACfpB,SAAS,EAAAmB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EAETpB,qBAAqB,EAAAkB,GAAA,CAAAC,MAAA;EACrBf,kBAAkB,EAAAc,GAAA,CAAAK,IAAA;EAClBjB,WAAW,EAAAY,GAAA,CAAAG,IAAA;EACXd,QAAQ,EAAAW,GAAA,CAAAM;AAAA;AAkCV,eAAehC,UAAU","ignoreList":[]}

package/dist/Footer/__tests__/Footer.test.tsx

@@ -0,0 +1,182 @@
+import React from 'react';
+import { fireEvent, render } from '../../test-utils';
+import 'jest-styled-components';
+import Footer from '../Footer';
+import { COLORS } from '../../styles';
+import SiteFooter from '../SiteFooter';
+import FooterDropdownLinks from '../Components/FooterDropdownLinks';
+
+const animate = require('animated-scroll-to');
+
+jest.mock('react-resize-detector', () => ({
+    // @ts-ignore
+      ...jest.requireActual('react-resize-detector'),
+      useResizeDetector: (object: any) => ({ height: 100, width: 120})
+    }));
+      
+const scrollSpy = jest.fn()
+animate.default = scrollSpy;
+
+describe('<Footer />',()=>{
+    beforeEach(()=>scrollSpy.mockReset());
+
+    it('renders footer', async () => {
+        const{getByText} = render(
+            <Footer>
+                <div>Test Footer</div>
+            </Footer>
+        );
+
+        expect(getByText('Test Footer')).toBeDefined();
+    })
+
+    it('renders footer global content', async () => {
+        const{getByTestId} = render(
+            <Footer>
+                <div>Test Footer</div>
+            </Footer>
+        );
+
+        expect(getByTestId('footer-content')).toBeDefined();
+        expect(getByTestId('footer-content')).toHaveStyleRule('background-color',COLORS.primary_700);
+        expect(getByTestId('footer-content')).toHaveStyleRule('min-height','8px');
+        expect(getByTestId('footer-content')).toHaveStyleRule('color','white');
+    })
+
+    it('renders site footer', async () => {
+        const{getByTestId} = render(
+                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
+        );
+
+        expect(getByTestId('footer-container')).toBeDefined();
+        expect(getByTestId('footer-container')).toHaveStyleRule('background-color', COLORS.neutral_800);
+        expect(getByTestId('footer-container')).toHaveStyleRule('border-top', `8px solid ${COLORS.neutral_200}`);
+    })
+
+    it('renders site footer to top text', async () => {
+        const{getByText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
+            
+        );
+
+        expect(getByText('Scroll To Top')).toBeDefined();
+    })
+
+    it('performs navigation on click', async () => {
+        const{getByTestId} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
+            
+        );
+
+        fireEvent.click(getByTestId('toTopNavigation'));
+        expect(scrollSpy).toHaveBeenCalledWith(0);
+    })
+
+    it('performs navigation on enter', async () => {
+        const{getByTestId} = render(
+                            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
+            
+        );
+        
+        fireEvent.keyDown(getByTestId('toTopNavigation'), {key: 'Enter', code: 'Enter', charCode: 13});
+        expect(scrollSpy).toHaveBeenCalledWith(0);
+    })
+
+    it('does not performs navigation on key other than enter', async () => {
+        const{getByTestId} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
+            
+        );
+
+        fireEvent.keyDown(getByTestId('toTopNavigation'), {key: 'A', code: 'KeyA'});
+        expect(scrollSpy).not.toHaveBeenCalled();
+    })
+
+    it('renders site footer copyright', async () => {
+        const{getByText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top' copyrightText='this is copyright'/>
+            
+        );
+
+        expect(getByText('this is copyright')).toBeDefined();
+    })
+
+    it('renders site footer links', async () => {
+        const{getByText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top' bottomLinks={[{label:'testLabel', to:'target'}]}/>
+            
+        );
+
+        expect(getByText('testLabel')).toBeDefined();
+    })
+
+    it('renders site footer nav section', async () => {
+        const{getByText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top' navOptions={{sections:[{header:'headerText',links:[{label:'labelText',to:'target'}]}]}}/>
+            
+        );
+
+        expect(getByText('headerText')).toBeDefined();
+        expect(getByText('labelText')).toBeDefined();
+    })
+
+    it('renders site footer newsletter and social section', async () => {
+        const signUpFn = jest.fn();
+
+        const{getByText, getByTestId, getByPlaceholderText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top' includeNewsletterAndSocialSection={true}
+                    placeholderEmailField='a@a.com' newsletterLabel='new news' 
+                    onNewsletterSignup={(e)=>signUpFn(e)}/>
+            
+        );
+
+        expect(getByPlaceholderText('a@a.com')).toBeDefined();
+        expect(getByText('new news')).toBeDefined();
+
+        fireEvent.click(getByTestId('newsBtn'));
+        expect(signUpFn).toBeCalledTimes(1);
+    })
+
+    it('updates newsletter email', async () => {
+        const{getByText, getByPlaceholderText} = render(
+            
+                <SiteFooter id='testFooter' toTopText='Scroll To Top' includeNewsletterAndSocialSection={true}
+                    placeholderEmailField='a@a.com' newsletterLabel='new news' />
+            
+        );
+
+        expect(getByPlaceholderText('a@a.com')).toBeDefined();
+        expect(getByText('new news')).toBeDefined();
+        fireEvent.change(getByPlaceholderText('a@a.com'), {target: {value: 'abc'}});
+        expect((getByPlaceholderText('a@a.com') as HTMLInputElement).value).toBe('abc');
+    })
+
+    it('renders site footer dropdown links', async () => {
+        const{getByText} = render(
+            <FooterDropdownLinks navSection={{header:'sample header', links:[{label:'labelText', to:'labelTarget'}]}} width={200}/>
+        );
+
+        expect(getByText('sample header')).toBeDefined();
+        expect(getByText('labelText')).toBeDefined();        
+    })
+
+    it('opens dropdown links on mouse click', async () => {
+        const{getByRole} = render(
+            <FooterDropdownLinks navSection={{header:'sample header', links:[{label:'labelText', to:'labelTarget'}]}} width={200}/>
+        );
+
+        expect(getByRole('button')).toBeDefined();
+        fireEvent.click(getByRole('button'));
+        expect(getByRole('button').classList.contains('open')).toBe(true);
+        fireEvent.click(getByRole('button'));
+        expect(getByRole('button').classList.contains('open')).toBe(false);
+    })
+})

package/dist/Footer/index.cjs

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

package/dist/Footer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\r\nexport { default as SiteFooter } from './SiteFooter';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.cjs","names":["_Footer","_interopRequireDefault","require","_SiteFooter"],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\r\nexport { default as SiteFooter } from './SiteFooter';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Footer","SiteFooter"],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\r\nexport { default as SiteFooter } from './SiteFooter';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["default","Footer","SiteFooter"],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\r\nexport { default as SiteFooter } from './SiteFooter';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc","ignoreList":[]}