@comicrelief/component-library 7.22.1 → 7.23.0

package/dist/components/Molecules/Promo/_ProgressRing.js

@@ -1,39 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _PromoVideoButton = require("./_PromoVideoButton.style");
-
 var _excluded = ["videoProgress"];
-
-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 _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 ProgressRing = function ProgressRing(_ref) {
   var videoProgress = _ref.videoProgress,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var thisStroke = 4;
   var thisRadius = 28;
   var initNormRadius = thisRadius - thisStroke * 2;
   var thisCircumference = initNormRadius * 2 * Math.PI;
-
   var _useState = (0, _react.useState)(initNormRadius * 2 * Math.PI),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      thisDashOffset = _useState2[0],
-      setThisDashOffset = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    thisDashOffset = _useState2[0],
+    setThisDashOffset = _useState2[1];
   (0, _react.useEffect)(function () {
     var offset = thisCircumference - videoProgress / 100 * thisCircumference;
     setThisDashOffset(offset);
@@ -52,6 +41,4 @@ var ProgressRing = function ProgressRing(_ref) {
     cy: "".concat(thisRadius)
   }, rest))));
 };
-
-var _default = ProgressRing;
-exports.default = _default;
+var _default = exports.default = ProgressRing;

package/dist/components/Molecules/Promo/_PromoVideo.js

@@ -1,102 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Promo = require("./Promo.style");
-
 var _PromoVideoButton = _interopRequireDefault(require("./_PromoVideoButton"));
-
-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 _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 PromoVideo = function PromoVideo(_ref) {
   var behindTextGradient = _ref.behindTextGradient,
-      copyLeft = _ref.copyLeft,
-      thisVideoSrc = _ref.thisVideoSrc,
-      thisPoster = _ref.thisPoster,
-      autoPlay = _ref.autoPlay,
-      loop = _ref.loop,
-      showPosterAfterPlaying = _ref.showPosterAfterPlaying,
-      blackPlayButton = _ref.blackPlayButton;
-
+    copyLeft = _ref.copyLeft,
+    thisVideoSrc = _ref.thisVideoSrc,
+    thisPoster = _ref.thisPoster,
+    autoPlay = _ref.autoPlay,
+    loop = _ref.loop,
+    showPosterAfterPlaying = _ref.showPosterAfterPlaying,
+    blackPlayButton = _ref.blackPlayButton;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isPlaying = _useState2[0],
-      setIsPlaying = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isPlaying = _useState2[0],
+    setIsPlaying = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isRestarting = _useState4[0],
-      setIsRestarting = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isRestarting = _useState4[0],
+    setIsRestarting = _useState4[1];
   var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      videoProgress = _useState6[0],
-      setVideoProgress = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    videoProgress = _useState6[0],
+    setVideoProgress = _useState6[1];
   var videoEl = (0, _react.useRef)(null);
-
   var togglePlay = function togglePlay() {
-    if (isPlaying) videoEl.current.pause();else videoEl.current.play();
-    setIsPlaying(!isPlaying);
+    if (videoEl.current) {
+      if (isPlaying) videoEl.current.pause();else videoEl.current.play();
+      setIsPlaying(!isPlaying);
+    }
   };
-
   var updateTime = function updateTime() {
-    if (videoEl.current.duration) {
+    if (videoEl.current && videoEl.current.duration) {
       // Calculate the percentage of the video played:
-      var percentage = Math.round(videoEl.current.currentTime / videoEl.current.duration * 100); // Because a completely smooth animation is impossible with the 250ms-ish frequency of
+      var percentage = Math.round(videoEl.current.currentTime / videoEl.current.duration * 100);
+      // Because a completely smooth animation is impossible with the 250ms-ish frequency of
       // the 'timeupdate' event, we're electing to just update the ring every 25%.
-
       var nearest = 25;
       var roundedPercentage = percentage + nearest / 2 - (percentage + nearest / 2) % nearest;
       setVideoProgress(roundedPercentage);
     }
-  }; // Only loads once the initial screensize check is complete
-
+  };
 
+  // Only loads once the initial screensize check is complete
   (0, _react.useEffect)(function () {
     // Use truthy comparison so either a null OR undefined value won't work
     if (thisVideoSrc != null) {
-      videoEl.current.addEventListener('timeupdate', updateTime); // Trigger on-load autoplay if apppropriate
-
+      videoEl.current.addEventListener('timeupdate', updateTime);
+      // Trigger on-load autoplay if apppropriate
       if (autoPlay && !isPlaying) {
         togglePlay();
       }
-
       videoEl.current.addEventListener('ended', function () {
         // Used purely to halt the CSS animation:
-        setIsRestarting(true); // If this is a non-looping video, add a listener to update our local state
-        // once the video's ended, to let the user retrigger it manually:
+        setIsRestarting(true);
 
+        // If this is a non-looping video, add a listener to update our local state
+        // once the video's ended, to let the user retrigger it manually:
         if (!loop) {
           setIsPlaying(false);
-          setVideoProgress(0); // Reload the video to show the poster image:
-
+          setVideoProgress(0);
+          // Reload the video to show the poster image:
           if (showPosterAfterPlaying) videoEl.current.load();
         } else {
           // Rather than using the Video 'loop' property, we retrigger
           // it in *code* as there's no 'restarted' to hook into:
           togglePlay();
-        } // Grace period to allow the animation to reset
-
+        }
 
+        // Grace period to allow the animation to reset
         setTimeout(function () {
           setIsRestarting(false);
         }, 100);
       });
-    } // CERTAINLY don't want this re-running for EACH of these variable updates, sorry Lint...
+    }
+    // CERTAINLY don't want this re-running for EACH of these variable updates, sorry Lint...
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, [thisVideoSrc]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Promo.Video, {
     ref: videoEl,
@@ -113,6 +101,4 @@ var PromoVideo = function PromoVideo(_ref) {
     isRestarting: isRestarting
   }));
 };
-
-var _default = PromoVideo;
-exports.default = _default;
+var _default = exports.default = PromoVideo;

package/dist/components/Molecules/Promo/_PromoVideoButton.js

@@ -1,25 +1,18 @@
 "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 _ProgressRing = _interopRequireDefault(require("./_ProgressRing"));
-
 var _PromoVideoButton = require("./_PromoVideoButton.style");
-
 var _excluded = ["togglePlay"];
-
 var PromoVideoButton = function PromoVideoButton(_ref) {
   var togglePlay = _ref.togglePlay,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_PromoVideoButton.PlayButtonWrapper, {
     className: "weewee"
   }, /*#__PURE__*/_react.default.createElement(_PromoVideoButton.PlayButton, Object.assign({
@@ -28,6 +21,4 @@ var PromoVideoButton = function PromoVideoButton(_ref) {
     }
   }, rest), /*#__PURE__*/_react.default.createElement(_PromoVideoButton.Icon, rest), /*#__PURE__*/_react.default.createElement(_ProgressRing.default, rest)));
 };
-
-var _default = PromoVideoButton;
-exports.default = _default;
+var _default = exports.default = PromoVideoButton;

package/dist/components/Molecules/Promo/_PromoVideoButton.style.js

@@ -1,34 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Icon = exports.PlayButtonWrapper = exports.PlayButton = exports.ProgressRingCircle = exports.ProgressRingSVG = exports.ProgressRingWrapper = void 0;
-
+exports.ProgressRingWrapper = exports.ProgressRingSVG = exports.ProgressRingCircle = exports.PlayButtonWrapper = exports.PlayButton = exports.Icon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _PlayWhite = _interopRequireDefault(require("./assets/Play--white.svg"));
-
 var _PauseWhite = _interopRequireDefault(require("./assets/Pause--white.svg"));
-
 var _PlayBlack = _interopRequireDefault(require("./assets/Play--black.svg"));
-
 var _PauseBlack = _interopRequireDefault(require("./assets/Pause--black.svg"));
-
-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; }
-
-var PlayButtonWrapper = _styledComponents.default.div.withConfig({
+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 PlayButtonWrapper = exports.PlayButtonWrapper = _styledComponents.default.div.withConfig({
   displayName: "_PromoVideoButtonstyle__PlayButtonWrapper",
   componentId: "sc-17cm3uc-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;&:after{content:\"\";background-image:url(", "),url(", "),url(", "),url(", "),none;}"], _PlayWhite.default, _PauseWhite.default, _PlayBlack.default, _PauseBlack.default);
-
-exports.PlayButtonWrapper = PlayButtonWrapper;
-
-var PlayButton = _styledComponents.default.button.withConfig({
+var PlayButton = exports.PlayButton = _styledComponents.default.button.withConfig({
   displayName: "_PromoVideoButtonstyle__PlayButton",
   componentId: "sc-17cm3uc-1"
 })(["display:flex;width:50px;height:50px;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;border:0;padding:0;margin:0;border-radius:50%;background:", ";opacity:0.8;transition:opacity 0.2s;&:hover,&:focus{opacity:1.0;}&:focus-visible{outline-style:outset;outline-width:medium;}", " ", " @media ", "{top:20px;right:20px;", "}"], function (_ref) {
@@ -50,24 +38,15 @@ var PlayButton = _styledComponents.default.button.withConfig({
   var copyLeft = _ref6.copyLeft;
   return !copyLeft && (0, _styledComponents.css)(["right:auto;left:20px;"]);
 });
-
-exports.PlayButton = PlayButton;
-
-var ProgressRingWrapper = _styledComponents.default.span.withConfig({
+var ProgressRingWrapper = exports.ProgressRingWrapper = _styledComponents.default.span.withConfig({
   displayName: "_PromoVideoButtonstyle__ProgressRingWrapper",
   componentId: "sc-17cm3uc-2"
 })(["position:absolute;width:100%;height:100%;display:flex;"]);
-
-exports.ProgressRingWrapper = ProgressRingWrapper;
-
-var ProgressRingSVG = _styledComponents.default.svg.withConfig({
+var ProgressRingSVG = exports.ProgressRingSVG = _styledComponents.default.svg.withConfig({
   displayName: "_PromoVideoButtonstyle__ProgressRingSVG",
   componentId: "sc-17cm3uc-3"
 })([""]);
-
-exports.ProgressRingSVG = ProgressRingSVG;
-
-var ProgressRingCircle = _styledComponents.default.circle.withConfig({
+var ProgressRingCircle = exports.ProgressRingCircle = _styledComponents.default.circle.withConfig({
   displayName: "_PromoVideoButtonstyle__ProgressRingCircle",
   componentId: "sc-17cm3uc-4"
 })(["z-index:100;transition:stroke-dashoffset 0.5s;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dashoffset:", ";stroke:white;fill:transparent;", " ", ""], function (_ref7) {
@@ -83,28 +62,23 @@ var ProgressRingCircle = _styledComponents.default.circle.withConfig({
   var isRestarting = _ref10.isRestarting;
   return isRestarting && (0, _styledComponents.css)(["transition:none;"]);
 });
-
-exports.ProgressRingCircle = ProgressRingCircle;
-
-var Icon = _styledComponents.default.span.withConfig({
+var Icon = exports.Icon = _styledComponents.default.span.withConfig({
   displayName: "_PromoVideoButtonstyle__Icon",
   componentId: "sc-17cm3uc-5"
 })(["height:50px;width:50px;background:no-repeat center/50% url(", ") transparent;", " ", " ", " ", ""], _PlayWhite.default, function (_ref11) {
   var blackPlayButton = _ref11.blackPlayButton,
-      isPlaying = _ref11.isPlaying;
+    isPlaying = _ref11.isPlaying;
   return blackPlayButton && !isPlaying && (0, _styledComponents.css)(["background-image:url(", ");"], _PlayWhite.default);
 }, function (_ref12) {
   var blackPlayButton = _ref12.blackPlayButton,
-      isPlaying = _ref12.isPlaying;
+    isPlaying = _ref12.isPlaying;
   return blackPlayButton && isPlaying && (0, _styledComponents.css)(["background-image:url(", ");"], _PauseWhite.default);
 }, function (_ref13) {
   var blackPlayButton = _ref13.blackPlayButton,
-      isPlaying = _ref13.isPlaying;
+    isPlaying = _ref13.isPlaying;
   return !blackPlayButton && !isPlaying && (0, _styledComponents.css)(["background-image:url(", ");"], _PlayBlack.default);
 }, function (_ref14) {
   var blackPlayButton = _ref14.blackPlayButton,
-      isPlaying = _ref14.isPlaying;
+    isPlaying = _ref14.isPlaying;
   return !blackPlayButton && isPlaying && (0, _styledComponents.css)(["background-image:url(", ");"], _PauseBlack.default);
-});
-
-exports.Icon = Icon;
+});

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

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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;
@@ -37,11 +27,9 @@ var optionFetcher = /*#__PURE__*/function () {
               },
               timeout: 3000
             });
-
           case 2:
             response = _context.sent;
             return _context.abrupt("return", response.data.data.schools);
-
           case 4:
           case "end":
             return _context.stop();
@@ -49,23 +37,20 @@ var optionFetcher = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function optionFetcher(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 var optionParser = function optionParser(school) {
   return "".concat(school.name, ", ").concat(school.post_code);
 };
-
 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);
+    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,
@@ -81,12 +66,10 @@ var SchoolLookup = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref)
     ref: ref
   }));
 });
-
 SchoolLookup.defaultProps = {
   label: 'Enter the name or postcode of your school or nursery',
   placeholder: 'Type to start search',
   dropdownInstruction: 'Please select a school from the list below',
   notFoundMessage: "Sorry, we can't find this school"
 };
-var _default = SchoolLookup;
-exports.default = _default;
+var _default = exports.default = SchoolLookup;

package/dist/components/Molecules/SchoolLookup/SchoolLookup.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 _SchoolLookup = _interopRequireDefault(require("./SchoolLookup"));
-
 it('renders correctly', function () {
   var renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SchoolLookup.default, {
     onSelect: function onSelect() {}

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

@@ -1,25 +1,19 @@
 "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 _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);
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   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({
@@ -35,9 +29,7 @@ var SearchInput = function SearchInput(_ref) {
     errorMsg: ""
   }, rest))))));
 };
-
 SearchInput.defaultProps = {
   placeholder: ''
 };
-var _default = SearchInput;
-exports.default = _default;
+var _default = exports.default = SearchInput;

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) {