@comicrelief/component-library 7.22.0 → 7.23.0

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

@@ -1,51 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchField = exports.SearchWrapper = exports.SearchBox = exports.InnerWrapper = exports.Wrapper = void 0;
-
+exports.Wrapper = exports.SearchWrapper = exports.SearchField = exports.SearchBox = exports.InnerWrapper = void 0;
 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 = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__Wrapper",
   componentId: "sc-1y1iity-0"
 })(["width:100%;max-width:1440px;margin:auto;"]);
-
-exports.Wrapper = Wrapper;
-
-var InnerWrapper = _styledComponents.default.div.withConfig({
+var 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'));
-
-exports.InnerWrapper = InnerWrapper;
-
-var SearchBox = _styledComponents.default.div.withConfig({
+var 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;
   return theme.color('red');
 });
-
-exports.SearchBox = SearchBox;
-
-var SearchWrapper = _styledComponents.default.div.withConfig({
+var SearchWrapper = exports.SearchWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputstyle__SearchWrapper",
   componentId: "sc-1y1iity-3"
 })(["width:100%;padding:0 ", ";"], (0, _spacing.default)('sm'));
-
-exports.SearchWrapper = SearchWrapper;
-var SearchField = (0, _styledComponents.default)(_Input.default).withConfig({
+var 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) {
@@ -57,5 +40,4 @@ var SearchField = (0, _styledComponents.default)(_Input.default).withConfig({
 }, (0, _size.media)('small'), function (_ref4) {
   var theme = _ref4.theme;
   return theme.fontSize('xxl');
-});
-exports.SearchField = SearchField;
+});

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

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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) {

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 /**
  * Search Result
  */
@@ -29,7 +21,6 @@ var Wrapper = _styledComponents.default.article.withConfig({
   var theme = _ref.theme;
   return theme.color('white');
 });
-
 var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "SearchResult__Item",
   componentId: "sc-wp0ln2-1"
@@ -37,7 +28,6 @@ var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   var theme = _ref2.theme;
   return theme.breakpoint('small');
 });
-
 var ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__ImageWrapper",
   componentId: "sc-wp0ln2-2"
@@ -54,31 +44,29 @@ var ImageWrapper = _styledComponents.default.div.withConfig({
   var largeImageWidth = _ref6.largeImageWidth;
   return largeImageWidth;
 });
-
 var 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({
   displayName: "SearchResult__Title",
   componentId: "sc-wp0ln2-4"
 })(["margin:0;"]);
+
 /**
  * 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;
+    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;
   return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Item, {
     href: href,
     type: "standard"
@@ -102,7 +90,6 @@ var SearchResult = function SearchResult(_ref7) {
     tag: "p"
   }, copy))));
 };
-
 SearchResult.defaultProps = {
   imageLow: null,
   images: null,
@@ -112,5 +99,4 @@ SearchResult.defaultProps = {
   smallImageWidth: '45%',
   largeImageWidth: '100%'
 };
-var _default = SearchResult;
-exports.default = _default;
+var _default = exports.default = SearchResult;

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

@@ -1,17 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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, {
     href: "/test",

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

@@ -1,57 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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"));
-
 var _shareUrlHelper = _interopRequireDefault(require("../../../utils/ShareButton/shareUrlHelper"));
-
 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) {
   e.preventDefault();
-  (0, _shareTracking.default)(typeOfShare.toLowerCase()); // Pass the current page's URL and the type of share to our helper function
+  (0, _shareTracking.default)(typeOfShare.toLowerCase());
 
-  var shareUrl = (0, _shareUrlHelper.default)(urlToShare, typeOfShare); // Use our helper function for pop-up position issues on dual-screen setups
+  // Pass the current page's URL and the type of share to our helper function
+  var 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 */
-
 
+/* 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);
+    copy = _ref.copy,
+    urlToShare = _ref.urlToShare,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var 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 */
-
   if (typeof window === 'undefined') {
     checkedUrl = 'http://www.some-other-domain.com';
   } else {
     // 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)
@@ -68,11 +57,9 @@ var ShareButton = function ShareButton(_ref) {
     }, restProps)));
   })));
 };
-
 ShareButton.defaultProps = {
   campaign: 'comicrelief',
   copy: 'Share with:',
   urlToShare: null
 };
-var _default = ShareButton;
-exports.default = _default;
+var _default = exports.default = ShareButton;

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

@@ -1,40 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareButtonItem = exports.ShareButtonList = exports.Copy = exports.Wrapper = void 0;
-
+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 = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "ShareButtonstyle__Wrapper",
   componentId: "sc-18d8mc8-0"
 })(["display:flex;align-items:center;justify-content:center;"]);
-
-exports.Wrapper = Wrapper;
-
-var Copy = _styledComponents.default.p.withConfig({
+var 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'));
-
-exports.Copy = Copy;
-
-var ShareButtonList = _styledComponents.default.ul.withConfig({
+var ShareButtonList = exports.ShareButtonList = _styledComponents.default.ul.withConfig({
   displayName: "ShareButtonstyle__ShareButtonList",
   componentId: "sc-18d8mc8-2"
 })(["width:auto;margin:0;padding:0;list-style:none;"]);
-
-exports.ShareButtonList = ShareButtonList;
-
-var ShareButtonItem = _styledComponents.default.li.withConfig({
+var 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'));
-
-exports.ShareButtonItem = ShareButtonItem;
+})(["width:40px;height:40px;display:inline-block;margin:", ";"], (0, _spacing.default)('sm'));

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

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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();
   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,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _fbShare = _interopRequireDefault(require("./fbShare.svg"));
-
 var _twitterShare = _interopRequireDefault(require("./twitterShare.svg"));
-
 /* To move */
 
 /* To move */
@@ -18,5 +14,4 @@ var ShareIcons = {
   Facebook: _fbShare.default,
   Twitter: _twitterShare.default
 };
-var _default = ShareIcons;
-exports.default = _default;
+var _default = exports.default = ShareIcons;

package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _Lookup = _interopRequireDefault(require("../Lookup/Lookup"));
-
 var _excluded = ["onSelect", "noResultsMessage"];
-
 var schoolFetcher = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
     var res;
@@ -32,17 +23,13 @@ var schoolFetcher = /*#__PURE__*/function () {
               _context.next = 2;
               break;
             }
-
             throw new Error('Please enter a search query');
-
           case 2:
             if (!(query.length < 2)) {
               _context.next = 4;
               break;
             }
-
             throw new Error('Please enter at least two characters');
-
           case 4:
             _context.prev = 4;
             _context.next = 7;
@@ -52,16 +39,13 @@ var schoolFetcher = /*#__PURE__*/function () {
                 query: query
               }
             });
-
           case 7:
             res = _context.sent;
             return _context.abrupt("return", res.data.data.schools);
-
           case 11:
             _context.prev = 11;
             _context.t0 = _context["catch"](4);
             throw new Error('Sorry, something unexpected went wrong. Please try again or enter your school manually');
-
           case 14:
           case "end":
             return _context.stop();
@@ -69,15 +53,14 @@ var schoolFetcher = /*#__PURE__*/function () {
       }
     }, _callee, null, [[4, 11]]);
   }));
-
   return function schoolFetcher(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 var schoolToString = function schoolToString(school) {
   return "".concat(school.name, ", ").concat(school.post_code);
 };
+
 /**
  * The component library's school lookup component uses a typeahead/search-as-you-type approach.
  *
@@ -90,12 +73,10 @@ var schoolToString = function schoolToString(school) {
  * @returns {JSX.Element}
  * @constructor
  */
-
-
 var SimpleSchoolLookup = function SimpleSchoolLookup(_ref2) {
   var onSelect = _ref2.onSelect,
-      noResultsMessage = _ref2.noResultsMessage,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    noResultsMessage = _ref2.noResultsMessage,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Lookup.default, Object.assign({
     name: "school_lookup",
     label: "Enter the name or postcode of your organisation",
@@ -108,9 +89,7 @@ var SimpleSchoolLookup = function SimpleSchoolLookup(_ref2) {
     onSelect: onSelect
   }, rest));
 };
-
 SimpleSchoolLookup.defaultProps = {
   noResultsMessage: 'Sorry, we could not find anything matching your search; please use the manual entry option.'
 };
-var _default = SimpleSchoolLookup;
-exports.default = _default;
+var _default = exports.default = SimpleSchoolLookup;