@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Molecules/SchoolLookup/SchoolLookup.js

@@ -1,67 +1,44 @@
 "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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _axios = _interopRequireDefault(require("axios"));
 var _Typeahead = _interopRequireDefault(require("../Typeahead/Typeahead"));
-var _excluded = ["label", "placeholder", "notFoundMessage", "dropdownInstruction", "onSelect"];
-var optionFetcher = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
-    var response;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return _axios.default.get('https://lookups.sls.comicrelief.com/schools/lookup', {
-              params: {
-                query: query
-              },
-              timeout: 3000
-            });
-          case 2:
-            response = _context.sent;
-            return _context.abrupt("return", response.data.data.schools);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return function optionFetcher(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var optionParser = function optionParser(school) {
-  return "".concat(school.name, ", ").concat(school.post_code);
+const optionFetcher = async query => {
+  const response = await _axios.default.get('https://lookups.sls.comicrelief.com/schools/lookup', {
+    params: {
+      query
+    },
+    timeout: 3000
+  });
+  return response.data.data.schools;
 };
-var SchoolLookup = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
-  var label = _ref2.label,
-    placeholder = _ref2.placeholder,
-    notFoundMessage = _ref2.notFoundMessage,
-    dropdownInstruction = _ref2.dropdownInstruction,
-    onSelect = _ref2.onSelect,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var props = (0, _objectSpread2.default)({
-    optionFetcher: optionFetcher,
-    optionParser: optionParser,
-    onSelect: onSelect,
+const optionParser = school => "".concat(school.name, ", ").concat(school.post_code);
+const SchoolLookup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    label,
+    placeholder,
+    notFoundMessage,
+    dropdownInstruction,
+    onSelect,
+    ...rest
+  } = _ref;
+  const props = {
+    optionFetcher,
+    optionParser,
+    onSelect,
     id: 'school-lookup',
     name: 'school-lookup',
-    label: label,
-    placeholder: placeholder,
-    notFoundMessage: notFoundMessage,
-    dropdownInstruction: dropdownInstruction
-  }, rest);
+    label,
+    placeholder,
+    notFoundMessage,
+    dropdownInstruction,
+    ...rest
+  };
   return /*#__PURE__*/_react.default.createElement(_Typeahead.default, Object.assign({}, props, {
     ref: ref
   }));

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

@@ -1,13 +1,13 @@
 "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 _SchoolLookup = _interopRequireDefault(require("./SchoolLookup"));
-it('renders correctly', function () {
-  var renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SchoolLookup.default, {
-    onSelect: function onSelect() {}
+it('renders correctly', () => {
+  const renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SchoolLookup.default, {
+    onSelect: () => {}
   }));
   expect(renderer.toJSON()).toMatchSnapshot();
 });

package/dist/components/Molecules/SearchInput/SearchInput.js

@@ -1,19 +1,19 @@
 "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 _SearchInput = require("./SearchInput.style");
-var _excluded = ["onChange", "placeholder", "value"];
-var SearchInput = function SearchInput(_ref) {
-  var onChange = _ref.onChange,
-    placeholder = _ref.placeholder,
-    value = _ref.value,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const SearchInput = _ref => {
+  let {
+    onChange,
+    placeholder,
+    value,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_SearchInput.Wrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.InnerWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchBox, {
     role: "search"
   }, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchField, Object.assign({

package/dist/components/Molecules/SearchInput/SearchInput.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,35 +9,43 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
 var _size = require("../../../theme/shared/size");
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__Wrapper",
   componentId: "sc-1y1iity-0"
 })(["width:100%;max-width:1440px;margin:auto;"]);
-var InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
+const InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__InnerWrapper",
   componentId: "sc-1y1iity-1"
 })(["margin:", " auto;padding:0 calc((4 * ", "));"], (0, _spacing.default)('md'), (0, _spacing.default)('xsm'));
-var SearchBox = exports.SearchBox = _styledComponents.default.div.withConfig({
+const SearchBox = exports.SearchBox = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__SearchBox",
   componentId: "sc-1y1iity-2"
-})(["margin:", " auto;width:100%;border-bottom:4px solid ", ";overflow:hidden;"], (0, _spacing.default)('xl'), function (_ref) {
-  var theme = _ref.theme;
+})(["margin:", " auto;width:100%;border-bottom:4px solid ", ";overflow:hidden;"], (0, _spacing.default)('xl'), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.color('red');
 });
-var SearchWrapper = exports.SearchWrapper = _styledComponents.default.div.withConfig({
+const SearchWrapper = exports.SearchWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__SearchWrapper",
   componentId: "sc-1y1iity-3"
 })(["width:100%;padding:0 ", ";"], (0, _spacing.default)('sm'));
-var SearchField = exports.SearchField = (0, _styledComponents.default)(_Input.default).withConfig({
+const SearchField = exports.SearchField = (0, _styledComponents.default)(_Input.default).withConfig({
   displayName: "SearchInputstyle__SearchField",
   componentId: "sc-1y1iity-4"
-})(["input{padding:13px 0;margin:0;font-size:", ";max-width:100%;border:0;outline:", ";background:none;:focus{border:0;}", "{height:100px;font-size:", ";}}"], function (_ref2) {
-  var theme = _ref2.theme;
+})(["input{padding:13px 0;margin:0;font-size:", ";max-width:100%;border:0;outline:", ";background:none;:focus{border:0;}", "{height:100px;font-size:", ";}}"], _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.fontSize('md');
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.color('red');
-}, (0, _size.media)('small'), function (_ref4) {
-  var theme = _ref4.theme;
+}, (0, _size.media)('small'), _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.fontSize('xxl');
 });

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

@@ -1,13 +1,13 @@
 "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 _SearchInput = _interopRequireDefault(require("./SearchInput"));
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchInput.default, {
-    onChange: function onChange(e) {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchInput.default, {
+    onChange: e => {
       e.preventDefault();
       return e.target.value;
     },

package/dist/components/Molecules/SearchResult/SearchResult.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
 });
@@ -14,41 +14,53 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 /**
  * Search Result
  */
-var Wrapper = _styledComponents.default.article.withConfig({
+const Wrapper = _styledComponents.default.article.withConfig({
   displayName: "SearchResult__Wrapper",
   componentId: "sc-wp0ln2-0"
-})(["width:100%;height:100%;background-color:", ";"], function (_ref) {
-  var theme = _ref.theme;
+})(["width:100%;height:100%;background-color:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.color('white');
 });
-var Item = (0, _styledComponents.default)(_Link.default).withConfig({
+const Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "SearchResult__Item",
   componentId: "sc-wp0ln2-1"
-})(["display:flex;height:100%;border:0;flex-direction:column;text-decoration:none;color:inherit;width:100%;@media ", "{flex-direction:row;}:hover{border:0;font-weight:normal;}"], function (_ref2) {
-  var theme = _ref2.theme;
+})(["display:flex;height:100%;border:0;flex-direction:column;text-decoration:none;color:inherit;width:100%;@media ", "{flex-direction:row;}:hover{border:0;font-weight:normal;}"], _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.breakpoint('small');
 });
-var ImageWrapper = _styledComponents.default.div.withConfig({
+const ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__ImageWrapper",
   componentId: "sc-wp0ln2-2"
-})(["height:auto;@media ", "{width:", ";}@media ", "{width:", ";}"], function (_ref3) {
-  var theme = _ref3.theme;
+})(["height:auto;@media ", "{width:", ";}@media ", "{width:", ";}"], _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.breakpoint('small');
-}, function (_ref4) {
-  var smallImageWidth = _ref4.smallImageWidth;
+}, _ref4 => {
+  let {
+    smallImageWidth
+  } = _ref4;
   return smallImageWidth;
-}, function (_ref5) {
-  var theme = _ref5.theme;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.breakpoint('large');
-}, function (_ref6) {
-  var largeImageWidth = _ref6.largeImageWidth;
+}, _ref6 => {
+  let {
+    largeImageWidth
+  } = _ref6;
   return largeImageWidth;
 });
-var CopyWrapper = _styledComponents.default.div.withConfig({
+const CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__CopyWrapper",
   componentId: "sc-wp0ln2-3"
 })(["display:flex;flex-direction:column;justify-content:center;padding:", ";width:100%;"], (0, _spacing.default)('md'));
-var Title = (0, _styledComponents.default)(_Text.default).withConfig({
+const Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SearchResult__Title",
   componentId: "sc-wp0ln2-4"
 })(["margin:0;"]);
@@ -56,17 +68,19 @@ var Title = (0, _styledComponents.default)(_Text.default).withConfig({
 /**
  * Search Result component
  */
-var SearchResult = function SearchResult(_ref7) {
-  var href = _ref7.href,
-    date = _ref7.date,
-    title = _ref7.title,
-    copy = _ref7.copy,
-    type = _ref7.type,
-    imageLow = _ref7.imageLow,
-    images = _ref7.images,
-    alt = _ref7.alt,
-    smallImageWidth = _ref7.smallImageWidth,
-    largeImageWidth = _ref7.largeImageWidth;
+const SearchResult = _ref7 => {
+  let {
+    href,
+    date,
+    title,
+    copy,
+    type,
+    imageLow,
+    images,
+    alt,
+    smallImageWidth,
+    largeImageWidth
+  } = _ref7;
   return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Item, {
     href: href,
     type: "standard"

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

@@ -1,13 +1,13 @@
 "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 _SearchResult = _interopRequireDefault(require("./SearchResult"));
 var _data = require("../../../styleguide/data/data");
-it('renders correctly in minimalist form', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
+it('renders correctly in minimalist form', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
     href: "/test",
     image: _data.defaultData.image,
     title: "News article",
@@ -15,8 +15,8 @@ it('renders correctly in minimalist form', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly with copy', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
+it('renders correctly with copy', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
     href: "/test",
     image: _data.defaultData.image,
     title: "News article",
@@ -25,8 +25,8 @@ it('renders correctly with copy', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly with date', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
+it('renders correctly with date', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
     href: "/test",
     image: _data.defaultData.image,
     date: "01 July 2019",
@@ -35,8 +35,8 @@ it('renders correctly with date', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly with date and type', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
+it('renders correctly with date and type', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
     href: "/test",
     image: _data.defaultData.image,
     date: "01 July 2019",

package/dist/components/Molecules/ShareButton/ShareButton.js

@@ -1,11 +1,10 @@
 "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 _Icon = _interopRequireDefault(require("../../Atoms/SocialIcons/Icon/Icon"));
 var _sharePopUpHelper = _interopRequireDefault(require("../../../utils/ShareButton/sharePopUpHelper"));
@@ -13,25 +12,26 @@ var _shareUrlHelper = _interopRequireDefault(require("../../../utils/ShareButton
 var _shareTracking = _interopRequireDefault(require("../../../utils/ShareButton/shareTracking"));
 var _ShareIcons = _interopRequireDefault(require("./assets/ShareIcons"));
 var _ShareButton = require("./ShareButton.style");
-var _excluded = ["campaign", "copy", "urlToShare"];
-var handleShare = function handleShare(e, typeOfShare, urlToShare) {
+const handleShare = (e, typeOfShare, urlToShare) => {
   e.preventDefault();
   (0, _shareTracking.default)(typeOfShare.toLowerCase());
 
   // Pass the current page's URL and the type of share to our helper function
-  var shareUrl = (0, _shareUrlHelper.default)(urlToShare, typeOfShare);
+  const shareUrl = (0, _shareUrlHelper.default)(urlToShare, typeOfShare);
 
   // Use our helper function for pop-up position issues on dual-screen setups
   (0, _sharePopUpHelper.default)(shareUrl, 550, 420);
 };
 
 /* Share Button component to handle FB and Twitter sharing */
-var ShareButton = function ShareButton(_ref) {
-  var campaign = _ref.campaign,
-    copy = _ref.copy,
-    urlToShare = _ref.urlToShare,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var checkedUrl = '';
+const ShareButton = _ref => {
+  let {
+    campaign,
+    copy,
+    urlToShare,
+    ...restProps
+  } = _ref;
+  let checkedUrl = '';
 
   /* Window obj isn't available during server-side rendering AND we don't have
    * access to componentDidMount etc. in functional components, so add this check first */
@@ -41,21 +41,17 @@ var ShareButton = function ShareButton(_ref) {
     // Else, assign the value based on the props passed
     checkedUrl = urlToShare !== null ? urlToShare : window.location.href;
   }
-  return /*#__PURE__*/_react.default.createElement(_ShareButton.Wrapper, null, /*#__PURE__*/_react.default.createElement(_ShareButton.Copy, null, copy), /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonList, null, Object.keys(_ShareIcons.default).map(function (shareType) {
-    return /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonItem, {
-      key: "share-button--".concat(shareType)
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, Object.assign({
-      onClick: function onClick(e) {
-        return handleShare(e, shareType, checkedUrl);
-      },
-      icon: _ShareIcons.default[shareType],
-      title: "Share on ".concat(shareType),
-      brand: campaign,
-      target: "_blank",
-      role: "button",
-      href: "#"
-    }, restProps)));
-  })));
+  return /*#__PURE__*/_react.default.createElement(_ShareButton.Wrapper, null, /*#__PURE__*/_react.default.createElement(_ShareButton.Copy, null, copy), /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonList, null, Object.keys(_ShareIcons.default).map(shareType => /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonItem, {
+    key: "share-button--".concat(shareType)
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, Object.assign({
+    onClick: e => handleShare(e, shareType, checkedUrl),
+    icon: _ShareIcons.default[shareType],
+    title: "Share on ".concat(shareType),
+    brand: campaign,
+    target: "_blank",
+    role: "button",
+    href: "#"
+  }, restProps))))));
 };
 ShareButton.defaultProps = {
   campaign: 'comicrelief',

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

@@ -1,25 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = exports.ShareButtonList = exports.ShareButtonItem = exports.Copy = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "ShareButtonstyle__Wrapper",
   componentId: "sc-18d8mc8-0"
 })(["display:flex;align-items:center;justify-content:center;"]);
-var Copy = exports.Copy = _styledComponents.default.p.withConfig({
+const Copy = exports.Copy = _styledComponents.default.p.withConfig({
   displayName: "ShareButtonstyle__Copy",
   componentId: "sc-18d8mc8-1"
 })(["width:auto;margin:0 ", " 0 0;&:first-child{margin-bottom:0;}"], (0, _spacing.default)('md'));
-var ShareButtonList = exports.ShareButtonList = _styledComponents.default.ul.withConfig({
+const ShareButtonList = exports.ShareButtonList = _styledComponents.default.ul.withConfig({
   displayName: "ShareButtonstyle__ShareButtonList",
   componentId: "sc-18d8mc8-2"
 })(["width:auto;margin:0;padding:0;list-style:none;"]);
-var ShareButtonItem = exports.ShareButtonItem = _styledComponents.default.li.withConfig({
+const ShareButtonItem = exports.ShareButtonItem = _styledComponents.default.li.withConfig({
   displayName: "ShareButtonstyle__ShareButtonItem",
   componentId: "sc-18d8mc8-3"
 })(["width:40px;height:40px;display:inline-block;margin:", ";"], (0, _spacing.default)('sm'));

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

@@ -1,11 +1,11 @@
 "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 _ShareButton = _interopRequireDefault(require("./ShareButton"));
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_ShareButton.default, null)).toJSON();
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_ShareButton.default, null)).toJSON();
   expect(tree).toMatchInlineSnapshot("\n    .c4 {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n      cursor: pointer;\n      display: block;\n      -webkit-transition: opacity 0.2s;\n      transition: opacity 0.2s;\n    }\n\n    .c4:hover,\n    .c4:focus {\n      opacity: 0.6;\n    }\n\n    .c5 {\n      width: 100%;\n    }\n\n    .c6 {\n      border: 0;\n      -webkit-clip: rect(0 0 0 0);\n      clip: rect(0 0 0 0);\n      -webkit-clip-path: inset(50%);\n      clip-path: inset(50%);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      white-space: nowrap;\n      width: 1px;\n    }\n\n    .c0 {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-align-items: center;\n      -webkit-box-align: center;\n      -ms-flex-align: center;\n      align-items: center;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n      -ms-flex-pack: center;\n      justify-content: center;\n    }\n\n    .c1 {\n      width: auto;\n      margin: 0 1rem 0 0;\n    }\n\n    .c1:first-child {\n      margin-bottom: 0;\n    }\n\n    .c2 {\n      width: auto;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .c3 {\n      width: 40px;\n      height: 40px;\n      display: inline-block;\n      margin: 0.5rem;\n    }\n\n    <div\n      className=\"c0\"\n    >\n      <p\n        className=\"c1\"\n      >\n        Share with:\n      </p>\n      <ul\n        className=\"c2\"\n      >\n        <li\n          className=\"c3\"\n        >\n          <a\n            className=\"c4\"\n            data-test=\"header-esu-icon\"\n            href=\"#\"\n            onClick={[Function]}\n            rel=\"noopener noreferrer\"\n            role=\"button\"\n            target=\"__blank\"\n            title=\"Share on Facebook\"\n          >\n            <img\n              alt=\"comicrelief\"\n              className=\"c5\"\n              src=\"mock.asset\"\n            />\n            <span\n              className=\"c6\"\n            >\n              (opens in new window)\n            </span>\n          </a>\n        </li>\n        <li\n          className=\"c3\"\n        >\n          <a\n            className=\"c4\"\n            data-test=\"header-esu-icon\"\n            href=\"#\"\n            onClick={[Function]}\n            rel=\"noopener noreferrer\"\n            role=\"button\"\n            target=\"__blank\"\n            title=\"Share on Twitter\"\n          >\n            <img\n              alt=\"comicrelief\"\n              className=\"c5\"\n              src=\"mock.asset\"\n            />\n            <span\n              className=\"c6\"\n            >\n              (opens in new window)\n            </span>\n          </a>\n        </li>\n      </ul>\n    </div>\n  ");
 });

package/dist/components/Molecules/ShareButton/assets/ShareIcons.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,7 +10,7 @@ var _twitterShare = _interopRequireDefault(require("./twitterShare.svg"));
 /* To move */
 
 /* To move */
-var ShareIcons = {
+const ShareIcons = {
   Facebook: _fbShare.default,
   Twitter: _twitterShare.default
 };