@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Molecules/DoubleCopy/DoubleCopy.js

@@ -1,15 +1,17 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _DoubleCopy = require("./DoubleCopy.style");
-var DoubleCopy = function DoubleCopy(_ref) {
-  var leftCopy = _ref.leftCopy,
-    rightCopy = _ref.rightCopy;
+const DoubleCopy = _ref => {
+  let {
+    leftCopy,
+    rightCopy
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_DoubleCopy.Section, null, /*#__PURE__*/_react.default.createElement(_DoubleCopy.CopyWrapper, null, leftCopy), /*#__PURE__*/_react.default.createElement(_DoubleCopy.CopyWrapper, null, rightCopy));
 };
 var _default = exports.default = DoubleCopy;

package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js

@@ -1,20 +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
 });
 exports.Section = exports.CopyWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-var Section = exports.Section = _styledComponents.default.section.withConfig({
+const Section = exports.Section = _styledComponents.default.section.withConfig({
   displayName: "DoubleCopystyle__Section",
   componentId: "sc-1kf782d-0"
-})(["width:100%;@media ", "{display:flex;}"], function (_ref) {
-  var theme = _ref.theme;
+})(["width:100%;@media ", "{display:flex;}"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
 });
-var CopyWrapper = exports.CopyWrapper = _styledComponents.default.div.withConfig({
+const CopyWrapper = exports.CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "DoubleCopystyle__CopyWrapper",
   componentId: "sc-1kf782d-1"
 })(["display:flex;padding:", ";"], (0, _spacing.default)('xl'));

package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js

@@ -1,14 +1,14 @@
 "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"));
 var _DoubleCopy = _interopRequireDefault(require("./DoubleCopy"));
 var _RichText = _interopRequireDefault(require("../../Atoms/RichText/RichText"));
-it('renders correctly', function () {
-  var content = '<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>';
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_DoubleCopy.default, {
+it('renders correctly', () => {
+  const content = '<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>';
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_DoubleCopy.default, {
     leftCopy: /*#__PURE__*/_react.default.createElement(_RichText.default, {
       markup: content
     }),

package/dist/components/Molecules/HeroBanner/HeroBanner.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
 });
@@ -8,23 +8,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-var Container = _styledComponents.default.section.withConfig({
+const Container = _styledComponents.default.section.withConfig({
   displayName: "HeroBanner__Container",
   componentId: "sc-c6z1hi-0"
-})(["min-height:200px;position:relative;background:", ";color:", ";"], function (props) {
-  return props.background ? props.background : 'transparent';
-}, function (props) {
-  return props.theme.color('red');
-});
-var Image = _styledComponents.default.img.attrs(function () {
-  return {
-    alt: ''
-  };
-}).withConfig({
+})(["min-height:200px;position:relative;background:", ";color:", ";"], props => props.background ? props.background : 'transparent', props => props.theme.color('red'));
+const Image = _styledComponents.default.img.attrs(() => ({
+  alt: ''
+})).withConfig({
   displayName: "HeroBanner__Image",
   componentId: "sc-c6z1hi-1"
 })(["object-fit:cover;width:100%;display:block;height:100%;opacity:0.5;"]);
-var Title = _styledComponents.default.h1.withConfig({
+const Title = _styledComponents.default.h1.withConfig({
   displayName: "HeroBanner__Title",
   componentId: "sc-c6z1hi-2"
 })(["position:absolute;margin:0 auto;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;"]);
@@ -33,10 +27,12 @@ var Title = _styledComponents.default.h1.withConfig({
  * Hero Banner to be used as Header of landing pages.
  */
 
-var HeroBanner = function HeroBanner(_ref) {
-  var url = _ref.url,
-    title = _ref.title,
-    background = _ref.background;
+const HeroBanner = _ref => {
+  let {
+    url,
+    title,
+    background
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(Container, {
     background: background
   }, /*#__PURE__*/_react.default.createElement(Image, {

package/dist/components/Molecules/InfoBanner/InfoBanner.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
 });
@@ -11,18 +11,22 @@ var _reactCurrencyFormat = _interopRequireDefault(require("react-currency-format
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-var Container = _styledComponents.default.section.withConfig({
+const Container = _styledComponents.default.section.withConfig({
   displayName: "InfoBanner__Container",
   componentId: "sc-1fa63jn-0"
-})(["display:flex;flex-wrap:wrap;flex-direction:column;position:relative;@media ", "{flex-direction:row;}"], function (_ref) {
-  var theme = _ref.theme;
+})(["display:flex;flex-wrap:wrap;flex-direction:column;position:relative;@media ", "{flex-direction:row;}"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
 });
-var Info = _styledComponents.default.div.withConfig({
+const Info = _styledComponents.default.div.withConfig({
   displayName: "InfoBanner__Info",
   componentId: "sc-1fa63jn-1"
-})(["display:flex;align-items:start;width:100%;margin-bottom:", ";flex-direction:column;@media ", "{width:calc(100% / 3);}"], (0, _spacing.default)('l'), function (_ref2) {
-  var theme = _ref2.theme;
+})(["display:flex;align-items:start;width:100%;margin-bottom:", ";flex-direction:column;@media ", "{width:calc(100% / 3);}"], (0, _spacing.default)('l'), _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.breakpoint('small');
 });
 
@@ -30,14 +34,16 @@ var Info = _styledComponents.default.div.withConfig({
  * Info Banner for landing pages.
  */
 
-var InfoBanner = function InfoBanner(_ref3) {
-  var title = _ref3.title,
-    theme = _ref3.theme,
-    themeLink = _ref3.themeLink,
-    startDate = _ref3.startDate,
-    endDate = _ref3.endDate,
-    country = _ref3.country,
-    amount = _ref3.amount;
+const InfoBanner = _ref3 => {
+  let {
+    title,
+    theme,
+    themeLink,
+    startDate,
+    endDate,
+    country,
+    amount
+  } = _ref3;
   return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "h3",
     size: "md",
@@ -75,9 +81,7 @@ var InfoBanner = function InfoBanner(_ref3) {
     displayType: "text",
     thousandSeparator: true,
     prefix: "\xA3",
-    renderText: function renderText(value) {
-      return value;
-    }
+    renderText: value => value
   }))), /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "h3",
     size: "md",

package/dist/components/Molecules/InfoBanner/InfoBanner.test.js

@@ -1,19 +1,19 @@
 "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"));
 var _InfoBanner = _interopRequireDefault(require("./InfoBanner"));
-it('renders correctly', function () {
-  var title = 'Hello There';
-  var amount = '£ 2,000,000';
-  var theme = 'Be happy';
-  var themeLink = 'cr.com';
-  var startDate = '1st June 2010';
-  var endDate = '1st June 2020';
-  var country = 'Uk';
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_InfoBanner.default, {
+it('renders correctly', () => {
+  const title = 'Hello There';
+  const amount = '£ 2,000,000';
+  const theme = 'Be happy';
+  const themeLink = 'cr.com';
+  const startDate = '1st June 2010';
+  const endDate = '1st June 2020';
+  const country = 'Uk';
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_InfoBanner.default, {
     background: "#2C0230",
     title: title,
     amount: amount,

package/dist/components/Molecules/Logos/Logos.js

@@ -1,14 +1,21 @@
 "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 _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Logo = _interopRequireDefault(require("../../Atoms/Logo/Logo"));
-var Logos = function Logos(_ref) {
-  var campaign = _ref.campaign;
+const TitleLabel = _styledComponents.default.span.withConfig({
+  displayName: "Logos__TitleLabel",
+  componentId: "sc-z3hhhd-0"
+})(["line-height:0;font-size:0;color:transparent;"]);
+const Logos = _ref => {
+  let {
+    campaign
+  } = _ref;
   if (campaign === 'Sport Relief Gameon') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
       href: "/",
@@ -17,24 +24,27 @@ var Logos = function Logos(_ref) {
       rotate: true,
       sizeSm: "50px",
       sizeMd: "60px",
-      campaign: "Comic Relief"
-    })), /*#__PURE__*/_react.default.createElement("a", {
+      campaign: "Comic Relief",
+      title: "Go to Comic Relief homepage"
+    }), /*#__PURE__*/_react.default.createElement(TitleLabel, null, "Go to Comic Relief homepage")), /*#__PURE__*/_react.default.createElement("a", {
       href: "/sportrelief/",
       title: "Go to Sport Relief homepage"
     }, /*#__PURE__*/_react.default.createElement(_Logo.default, {
       sizeSm: "100px",
       sizeMd: "120px",
-      campaign: "Sport Relief Gameon"
-    })));
+      campaign: "Sport Relief Gameon",
+      title: "Go to Sport Relief homepage"
+    }), /*#__PURE__*/_react.default.createElement(TitleLabel, null, "Go to Sport Relief homepage")));
   }
   if (campaign === 'Sport Relief') {
     return /*#__PURE__*/_react.default.createElement("a", {
       href: "/sportrelief",
-      title: "Sport Relief in homepage"
+      title: "Go to Sport Relief homepage"
     }, /*#__PURE__*/_react.default.createElement(_Logo.default, {
       rotate: false,
-      campaign: "Sport Relief"
-    }));
+      campaign: "Sport Relief",
+      title: "Sport Relief in homepage"
+    }), /*#__PURE__*/_react.default.createElement(TitleLabel, null, "Go to Sport Relief homepage"));
   }
   if (campaign === 'Pride') {
     return /*#__PURE__*/_react.default.createElement("a", {
@@ -42,16 +52,18 @@ var Logos = function Logos(_ref) {
       title: "Go to Comic Relief homepage"
     }, /*#__PURE__*/_react.default.createElement(_Logo.default, {
       rotate: false,
-      campaign: "Pride"
-    }));
+      campaign: "Pride",
+      title: "Go to Comic Relief homepage"
+    }), /*#__PURE__*/_react.default.createElement(TitleLabel, null, "Go to Comic Relief homepage"));
   }
   return /*#__PURE__*/_react.default.createElement("a", {
     href: "/",
     title: "Go to Comic Relief homepage"
   }, /*#__PURE__*/_react.default.createElement(_Logo.default, {
     rotate: false,
-    campaign: "Comic Relief"
-  }));
+    campaign: "Comic Relief",
+    title: "Go to Comic Relief homepage"
+  }), /*#__PURE__*/_react.default.createElement(TitleLabel, null, "Go to Comic Relief homepage"));
 };
 Logos.defaultProps = {
   campaign: 'Comic Relief'

package/dist/components/Molecules/Logos/Logos.md

@@ -0,0 +1,5 @@
+# Comic Relief Logo
+
+```js
+<Logos rotate={false} sizeSm="50px" sizeMd="60px" />
+```

package/dist/components/Molecules/Lookup/Lookup.js

@@ -1,30 +1,26 @@
 "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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _react = _interopRequireWildcard(require("react"));
 var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 var _ButtonWithStates = _interopRequireDefault(require("../../Atoms/ButtonWithStates/ButtonWithStates"));
-var _excluded = ["name", "label", "placeholder", "buttonText", "lookupHandler", "mapOptionToString", "onSelect", "noResultsMessage", "dropdownInstruction"];
-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 StyledButton = (0, _styledComponents.default)(_ButtonWithStates.default).withConfig({
+const StyledButton = (0, _styledComponents.default)(_ButtonWithStates.default).withConfig({
   displayName: "Lookup__StyledButton",
   componentId: "sc-uu5bpv-0"
-})(["", ""], function (_ref) {
-  var theme = _ref.theme;
+})(["", ""], _ref => {
+  let {
+    theme
+  } = _ref;
   return (0, _styledComponents.css)(["color:", ";border:2px solid ", ";background-color:", ";padding-left:", ";padding-right:", ";&:hover{color:", ";background-color:", ";}"], theme.color('grey_dark'), theme.color('grey_dark'), theme.color('white'), (0, _spacing.default)('lg'), (0, _spacing.default)('lg'), theme.color('grey_dark'), theme.color('white'));
 });
-var KEY_CODE_ENTER = 13;
+const KEY_CODE_ENTER = 13;
 
 /**
  * A simple lookup component
@@ -55,65 +51,38 @@ var KEY_CODE_ENTER = 13;
  * @returns {JSX.Element}
  * @constructor
  */
-var Lookup = function Lookup(_ref2) {
-  var name = _ref2.name,
-    label = _ref2.label,
-    placeholder = _ref2.placeholder,
-    buttonText = _ref2.buttonText,
-    lookupHandler = _ref2.lookupHandler,
-    mapOptionToString = _ref2.mapOptionToString,
-    _onSelect = _ref2.onSelect,
-    noResultsMessage = _ref2.noResultsMessage,
-    dropdownInstruction = _ref2.dropdownInstruction,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    query = _useState2[0],
-    setQuery = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    errorMessage = _useState4[0],
-    setErrorMessage = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    options = _useState6[0],
-    setOptions = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isSearching = _useState8[0],
-    setIsSearching = _useState8[1];
-  var handler = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var results;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            setErrorMessage('');
-            setIsSearching(true);
-            _context.prev = 2;
-            _context.next = 5;
-            return lookupHandler(query);
-          case 5:
-            results = _context.sent;
-            setOptions(results);
-            if (results.length === 0) {
-              setErrorMessage(noResultsMessage);
-            }
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](2);
-            setErrorMessage(_context.t0.message);
-          case 13:
-            setIsSearching(false);
-          case 14:
-          case "end":
-            return _context.stop();
-        }
+const Lookup = _ref2 => {
+  let {
+    name,
+    label,
+    placeholder,
+    buttonText,
+    lookupHandler,
+    mapOptionToString,
+    onSelect,
+    noResultsMessage,
+    dropdownInstruction,
+    ...rest
+  } = _ref2;
+  const [query, setQuery] = (0, _react.useState)('');
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const [options, setOptions] = (0, _react.useState)([]);
+  const [isSearching, setIsSearching] = (0, _react.useState)(false);
+  const handler = (0, _react.useCallback)(async () => {
+    setErrorMessage('');
+    setIsSearching(true);
+    try {
+      // If lookupHandler throws an error, the message will be displayed to the user
+      const results = await lookupHandler(query);
+      setOptions(results);
+      if (results.length === 0) {
+        setErrorMessage(noResultsMessage);
       }
-    }, _callee, null, [[2, 10]]);
-  })), [query, setOptions, setErrorMessage, noResultsMessage, lookupHandler]);
+    } catch (error) {
+      setErrorMessage(error.message);
+    }
+    setIsSearching(false);
+  }, [query, setOptions, setErrorMessage, noResultsMessage, lookupHandler]);
   return /*#__PURE__*/_react.default.createElement("div", rest, /*#__PURE__*/_react.default.createElement(_StyledTextInputWithDropdown, {
     name: name,
     id: name,
@@ -121,22 +90,22 @@ var Lookup = function Lookup(_ref2) {
     options: options.map(mapOptionToString),
     label: label,
     placeholder: placeholder,
-    onChange: function onChange(e) {
+    onChange: e => {
       setQuery(e.target.value);
       setErrorMessage('');
       setOptions([]);
     },
-    onKeyPress: function onKeyPress(e) {
-      var keyCode = e.keyCode || e.which;
+    onKeyPress: e => {
+      const keyCode = e.keyCode || e.which;
       if (keyCode === KEY_CODE_ENTER) {
         e.preventDefault();
         return handler();
       }
       return null;
     },
-    onSelect: function onSelect(text, index) {
-      var selection = options[index];
-      _onSelect(selection);
+    onSelect: (text, index) => {
+      const selection = options[index];
+      onSelect(selection);
       setQuery('');
       setErrorMessage('');
       setOptions([]);
@@ -146,9 +115,7 @@ var Lookup = function Lookup(_ref2) {
     $_css: (0, _spacing.default)('md')
   }), /*#__PURE__*/_react.default.createElement(StyledButton, {
     type: "button",
-    onClick: function onClick() {
-      return handler();
-    },
+    onClick: () => handler(),
     loading: isSearching,
     disabled: isSearching,
     loadingText: "Searching"
@@ -162,8 +129,6 @@ var _default = exports.default = Lookup;
 var _StyledTextInputWithDropdown = (0, _styledComponents.default)(_TextInputWithDropdown.default).withConfig({
   displayName: "Lookup___StyledTextInputWithDropdown",
   componentId: "sc-uu5bpv-1"
-})(function (p) {
-  return {
-    marginBottom: p.$_css
-  };
-});
+})(p => ({
+  marginBottom: p.$_css
+}));

package/dist/components/Molecules/PartnerLink/PartnerLink.js

@@ -1,22 +1,21 @@
 "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 _PartnerLink = require("./PartnerLink.style");
-var _excluded = ["children", "link"];
-var PartnerLink = function PartnerLink(_ref) {
-  var children = _ref.children,
-    link = _ref.link,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var childrenWithProps = _react.default.Children.map(children, function (child) {
-    return /*#__PURE__*/_react.default.cloneElement(child, (0, _objectSpread2.default)({}, rest));
-  });
+const PartnerLink = _ref => {
+  let {
+    children,
+    link,
+    ...rest
+  } = _ref;
+  const childrenWithProps = _react.default.Children.map(children, child => /*#__PURE__*/_react.default.cloneElement(child, {
+    ...rest
+  }));
   return /*#__PURE__*/_react.default.createElement(_PartnerLink.Item, {
     href: link,
     type: "standard"

package/dist/components/Molecules/PartnerLink/PartnerLink.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
 });
@@ -10,20 +10,26 @@ var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-var MoreInfo = exports.MoreInfo = (0, _styledComponents.default)(_Text.default).withConfig({
+const MoreInfo = exports.MoreInfo = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "PartnerLinkstyle__MoreInfo",
   componentId: "sc-1lfodop-0"
-})(["", " height:auto;@media ", "{font-size:", ";}"], _hideVisually.default, function (_ref) {
-  var theme = _ref.theme;
+})(["", " height:auto;@media ", "{font-size:", ";}"], _hideVisually.default, _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.fontSize('s');
 });
-var Item = exports.Item = (0, _styledComponents.default)(_Link.default).withConfig({
+const Item = exports.Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "PartnerLinkstyle__Item",
   componentId: "sc-1lfodop-1"
-})(["display:block;position:relative;padding:0;border:none;:hover,:focus{border:none;", "{overflow:inherit;clip-path:none;margin:0;text-align:center;transform:translateY(-50%);clip:auto;top:50%;left:0;width:100%;", ";}::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:", ";}}"], MoreInfo, (0, _zIndex.default)('medium'), function (_ref3) {
-  var theme = _ref3.theme;
+})(["display:block;position:relative;padding:0;border:none;:hover,:focus{border:none;", "{overflow:inherit;clip-path:none;margin:0;text-align:center;transform:translateY(-50%);clip:auto;top:50%;left:0;width:100%;", ";}::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:", ";}}"], MoreInfo, (0, _zIndex.default)('medium'), _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.color('red');
 });

package/dist/components/Molecules/PartnerLink/PartnerLink.test.js

@@ -1,14 +1,14 @@
 "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"));
 var _PartnerLink = _interopRequireDefault(require("./PartnerLink"));
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 var _data = require("../../../styleguide/data/data");
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_PartnerLink.default, {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_PartnerLink.default, {
     link: "https://www.comicrelief.com"
   }, /*#__PURE__*/_react.default.createElement(_Picture.default, {
     alt: "test Image",