@comicrelief/component-library 7.22.1 → 7.23.0

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

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VideoWrapper = exports.Image = exports.PlayButton = exports.Media = exports.Copy = exports.Container = void 0;
-
+exports.VideoWrapper = exports.PlayButton = exports.Media = exports.Image = exports.Copy = exports.Container = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _size = require("../../../theme/shared/size");
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 var _videoPlayIcon = _interopRequireDefault(require("./assets/video--play-icon.svg"));
-
 var _videoPlayIcon__hover = _interopRequireDefault(require("./assets/video--play-icon__hover.svg"));
-
 var _loader = _interopRequireDefault(require("./assets/loader.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 Container = _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 Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "SingleMessagestyle__Container",
   componentId: "sc-86zg20-0"
 })(["display:flex;position:relative;flex-direction:column;overflow:hidden;background:", ";", "{flex-direction:", ";", ";}iframe{height:100%;width:100%;position:absolute;top:0;", ";", ";}"], function (_ref) {
   var theme = _ref.theme,
-      backgroundColor = _ref.backgroundColor;
+    backgroundColor = _ref.backgroundColor;
   return theme.color(backgroundColor);
 }, (0, _size.media)('small'), function (_ref2) {
   var copyFirst = _ref2.copyFirst;
   return copyFirst === true ? 'row-reverse' : 'row';
 }, function (_ref3) {
   var landscapeVideo = _ref3.landscapeVideo,
-      hasVideo = _ref3.hasVideo,
-      fullImage = _ref3.fullImage;
+    hasVideo = _ref3.hasVideo,
+    fullImage = _ref3.fullImage;
   return landscapeVideo && hasVideo && !fullImage ? 'min-height: 0;' : null;
 }, function (_ref4) {
   var copyFirst = _ref4.copyFirst;
@@ -47,23 +36,20 @@ var Container = _styledComponents.default.div.withConfig({
   var isPlaying = _ref5.isPlaying;
   return isPlaying ? (0, _zIndex.default)('high') : (0, _zIndex.default)('base');
 });
-
-exports.Container = Container;
-
-var Copy = _styledComponents.default.div.withConfig({
+var Copy = exports.Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessagestyle__Copy",
   componentId: "sc-86zg20-1"
 })(["width:100%;", ";", ";padding:", ";", "{", ";", ";flex-direction:column;justify-content:center;padding:", ";}", ";", ";"], (0, _zIndex.default)('low'), function (_ref6) {
   var hasVideo = _ref6.hasVideo,
-      fullImage = _ref6.fullImage;
+    fullImage = _ref6.fullImage;
   return hasVideo === true && fullImage === true ? 'display: none;' : null;
 }, (0, _spacing.default)('l'), (0, _size.media)('small'), function (_ref7) {
   var vhFull = _ref7.vhFull,
-      fullImage = _ref7.fullImage;
+    fullImage = _ref7.fullImage;
   return vhFull || fullImage ? 'min-height: calc(100vh - 5.625rem); flex-direction: column; justify-content: center;' : 'height: auto;';
 }, function (_ref8) {
   var hasVideo = _ref8.hasVideo,
-      fullImage = _ref8.fullImage;
+    fullImage = _ref8.fullImage;
   return hasVideo === true && fullImage === true ? 'display: none;' : 'display: flex;';
 }, (0, _spacing.default)('xl'), function (props) {
   return props.fullImage && (0, _styledComponents.css)(["", "{position:absolute;width:100%;right:0;top:50%;transform:translateY(-50%);", " width:50%;}"], (0, _size.media)('small'), props.copyFirst ? (0, _styledComponents.css)(["left:0;"]) : null);
@@ -76,10 +62,7 @@ var Copy = _styledComponents.default.div.withConfig({
     return theme.breakpoint('small');
   }, _size.container.small, (0, _spacing.default)('xl'), (0, _spacing.default)('md'));
 });
-
-exports.Copy = Copy;
-
-var Media = _styledComponents.default.div.withConfig({
+var Media = exports.Media = _styledComponents.default.div.withConfig({
   displayName: "SingleMessagestyle__Media",
   componentId: "sc-86zg20-2"
 })(["width:100%;", ";@media ", "{height:auto;width:", ";", ";", ";}position:relative;", ";", ";", "{padding-bottom:", ";}"], function (_ref11) {
@@ -96,7 +79,7 @@ var Media = _styledComponents.default.div.withConfig({
   return fullImage ? 'min-height: 500px;' : null;
 }, function (_ref15) {
   var vhFull = _ref15.vhFull,
-      fullImage = _ref15.fullImage;
+    fullImage = _ref15.fullImage;
   return vhFull && fullImage ? 'min-height: calc(100vh - 5.625rem);' : null;
 }, function (_ref16) {
   var doubleImage = _ref16.doubleImage;
@@ -106,13 +89,10 @@ var Media = _styledComponents.default.div.withConfig({
   return hasVideo ? 'height: auto; overflow: hidden; padding-bottom: 56.25%;' : null;
 }, (0, _size.media)('small'), function (_ref18) {
   var landscapeVideo = _ref18.landscapeVideo,
-      hasVideo = _ref18.hasVideo;
+    hasVideo = _ref18.hasVideo;
   return landscapeVideo && hasVideo ? 'calc(56.25% / 2);' : '0;';
 });
-
-exports.Media = Media;
-
-var PlayButton = _styledComponents.default.button.withConfig({
+var PlayButton = exports.PlayButton = _styledComponents.default.button.withConfig({
   displayName: "SingleMessagestyle__PlayButton",
   componentId: "sc-86zg20-3"
 })(["", ";cursor:pointer;width:100%;height:100%;position:absolute;top:0;border:0;margin:0;padding:0;text-indent:-9999px;background:rgba(0,0,0,0) center no-repeat;background-size:70px;background-image:", ";", ";display:", ";&:focus,&:hover{background-image:", ";}", "{background-size:100px;}"], (0, _zIndex.default)('medium'), function (_ref19) {
@@ -128,10 +108,7 @@ var PlayButton = _styledComponents.default.button.withConfig({
   var isBuffering = _ref22.isBuffering;
   return isBuffering === true ? "url(".concat(_loader.default, ")") : "url(".concat(_videoPlayIcon__hover.default, ")");
 }, (0, _size.media)('small'));
-
-exports.PlayButton = PlayButton;
-
-var Image = _styledComponents.default.div.withConfig({
+var Image = exports.Image = _styledComponents.default.div.withConfig({
   displayName: "SingleMessagestyle__Image",
   componentId: "sc-86zg20-4"
 })(["@media ", "{img{position:", ";}}width:100%;height:100%;", ";", ";", ";"], function (_ref23) {
@@ -139,7 +116,7 @@ var Image = _styledComponents.default.div.withConfig({
   return theme.breakpoint('small');
 }, function (_ref24) {
   var fullImage = _ref24.fullImage,
-      vhFull = _ref24.vhFull;
+    vhFull = _ref24.vhFull;
   return fullImage || vhFull ? 'absolute' : null;
 }, function (_ref25) {
   var doubleImage = _ref25.doubleImage;
@@ -151,15 +128,10 @@ var Image = _styledComponents.default.div.withConfig({
   var hasVideo = _ref27.hasVideo;
   return hasVideo ? 'position: absolute; top: 0; left: 0;' : null;
 });
-
-exports.Image = Image;
-
-var VideoWrapper = _styledComponents.default.div.withConfig({
+var VideoWrapper = exports.VideoWrapper = _styledComponents.default.div.withConfig({
   displayName: "SingleMessagestyle__VideoWrapper",
   componentId: "sc-86zg20-5"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;", ";"], function (_ref28) {
   var isPlaying = _ref28.isPlaying;
   return isPlaying ? (0, _zIndex.default)('medium') : (0, _zIndex.default)('base');
-});
-
-exports.VideoWrapper = VideoWrapper;
+});

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

@@ -1,21 +1,13 @@
 "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 _SingleMessage = _interopRequireDefault(require("./SingleMessage"));
-
 var _data = require("../../../styleguide/data/data");
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 it('renders Single Message with Image correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SingleMessage.default, {
     backgroundColor: "purple",

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js

@@ -1,64 +1,47 @@
 "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 _reactModal = _interopRequireDefault(require("react-modal"));
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _index = require("../../Atoms/Icons/index");
-
 var _SingleMessageDs = require("./SingleMessageDs.style");
-
 var _play = _interopRequireDefault(require("./assets/play.png"));
-
 var _excluded = ["backgroundColor", "imageLeft", "imageLow", "images", "image", "imageAltText", "height", "width", "subtitle", "children", "link", "linkLabel", "ctaBgColor", "target", "linkIcon", "youTubeId"];
-
-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 SingleMessageDs = function SingleMessageDs(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      imageLeft = _ref.imageLeft,
-      imageLow = _ref.imageLow,
-      images = _ref.images,
-      image = _ref.image,
-      imageAltText = _ref.imageAltText,
-      height = _ref.height,
-      width = _ref.width,
-      subtitle = _ref.subtitle,
-      children = _ref.children,
-      link = _ref.link,
-      linkLabel = _ref.linkLabel,
-      ctaBgColor = _ref.ctaBgColor,
-      target = _ref.target,
-      linkIcon = _ref.linkIcon,
-      youTubeId = _ref.youTubeId,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    imageLeft = _ref.imageLeft,
+    imageLow = _ref.imageLow,
+    images = _ref.images,
+    image = _ref.image,
+    imageAltText = _ref.imageAltText,
+    height = _ref.height,
+    width = _ref.width,
+    subtitle = _ref.subtitle,
+    children = _ref.children,
+    link = _ref.link,
+    linkLabel = _ref.linkLabel,
+    ctaBgColor = _ref.ctaBgColor,
+    target = _ref.target,
+    linkIcon = _ref.linkIcon,
+    youTubeId = _ref.youTubeId,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var closeModal = function closeModal() {
     return setIsOpen(false);
   };
-
   var Media = /*#__PURE__*/_react.default.createElement(_SingleMessageDs.Image, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {
     alt: imageAltText,
     imageLow: imageLow,
@@ -68,7 +51,6 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
     width: width,
     height: height
   }));
-
   var hasLink = function hasLink() {
     if (imageLow && link) {
       return /*#__PURE__*/_react.default.createElement(_SingleMessageDs.MediaLink, Object.assign({
@@ -80,7 +62,6 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
         "data-image-cta-copy": linkLabel
       }, rest), Media);
     }
-
     if (imageLow && youTubeId) {
       return /*#__PURE__*/_react.default.createElement(_SingleMessageDs.MediaLink, Object.assign({
         imageLeft: imageLeft,
@@ -99,14 +80,11 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
         alt: ""
       }), Media));
     }
-
     if (imageLow) {
       return Media;
     }
-
     return null;
   };
-
   var icon = linkIcon || (target === 'blank' ? /*#__PURE__*/_react.default.createElement(_index.External, null) : /*#__PURE__*/_react.default.createElement(_index.Internal, null));
   var external = target === 'blank' ? 'noopener' : null;
   var videoStyle = {
@@ -183,7 +161,6 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
     title: "Embedded youtube"
   })));
 };
-
 SingleMessageDs.defaultProps = {
   backgroundColor: 'white',
   imageLow: null,
@@ -199,5 +176,4 @@ SingleMessageDs.defaultProps = {
   linkIcon: null,
   youTubeId: null
 };
-var _default = SingleMessageDs;
-exports.default = _default;
+var _default = exports.default = SingleMessageDs;

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CloseButton = exports.PlayImage = exports.PlayHolder = exports.Subtitle = exports.Image = exports.MediaLink = exports.CTA = exports.Copy = exports.Container = void 0;
-
+exports.Subtitle = exports.PlayImage = exports.PlayHolder = exports.MediaLink = exports.Image = exports.Copy = exports.Container = exports.CloseButton = exports.CTA = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 var boxShadow = 'box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15)';
-
-var Container = _styledComponents.default.div.withConfig({
+var Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Container",
   componentId: "sc-s8zd7s-0"
 })(["display:flex;position:relative;flex-direction:column;justify-content:space-around;background:", ";@media ", "{flex-direction:", ";}"], function (_ref) {
   var theme = _ref.theme,
-      backgroundColor = _ref.backgroundColor;
+    backgroundColor = _ref.backgroundColor;
   return theme.color(backgroundColor);
 }, function (_ref2) {
   var theme = _ref2.theme;
@@ -31,25 +24,18 @@ var Container = _styledComponents.default.div.withConfig({
   var imageLeft = _ref3.imageLeft;
   return imageLeft ? 'row' : 'row-reverse';
 });
-
-exports.Container = Container;
-var Subtitle = (0, _styledComponents.default)(_Text.default).withConfig({
+var Subtitle = exports.Subtitle = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SingleMessageDsstyle__Subtitle",
   componentId: "sc-s8zd7s-1"
 })(["letter-spacing:0.03em;text-transform:uppercase;"]);
-exports.Subtitle = Subtitle;
-
-var Image = _styledComponents.default.div.withConfig({
+var Image = exports.Image = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Image",
   componentId: "sc-s8zd7s-2"
 })(["height:100%;@media ", "{height:448px;}img{border-radius:1rem;", ";}"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('small');
 }, boxShadow);
-
-exports.Image = Image;
-
-var MediaLink = _styledComponents.default.a.withConfig({
+var MediaLink = exports.MediaLink = _styledComponents.default.a.withConfig({
   displayName: "SingleMessageDsstyle__MediaLink",
   componentId: "sc-s8zd7s-3"
 })(["", ";@media ", "{margin:0;height:448px;flex-grow:0;flex-shrink:0;flex-basis:50%;}"], function (_ref5) {
@@ -59,31 +45,19 @@ var MediaLink = _styledComponents.default.a.withConfig({
   var theme = _ref6.theme;
   return theme.breakpoint('small');
 });
-
-exports.MediaLink = MediaLink;
-
-var PlayHolder = _styledComponents.default.div.withConfig({
+var PlayHolder = exports.PlayHolder = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__PlayHolder",
   componentId: "sc-s8zd7s-4"
 })(["position:relative;"]);
-
-exports.PlayHolder = PlayHolder;
-
-var PlayImage = _styledComponents.default.img.withConfig({
+var PlayImage = exports.PlayImage = _styledComponents.default.img.withConfig({
   displayName: "SingleMessageDsstyle__PlayImage",
   componentId: "sc-s8zd7s-5"
 })(["position:absolute;margin:auto;", ";top:0;right:0;bottom:0;left:0;"], (0, _zIndex.default)('medium'));
-
-exports.PlayImage = PlayImage;
-
-var CloseButton = _styledComponents.default.button.withConfig({
+var CloseButton = exports.CloseButton = _styledComponents.default.button.withConfig({
   displayName: "SingleMessageDsstyle__CloseButton",
   componentId: "sc-s8zd7s-6"
 })(["position:absolute;z-index:2;top:-45px;right:0px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(45deg);}:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(-45deg);}"]);
-
-exports.CloseButton = CloseButton;
-
-var CTA = _styledComponents.default.div.withConfig({
+var CTA = exports.CTA = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__CTA",
   componentId: "sc-s8zd7s-7"
 })(["position:absolute;bottom:-", ";", ";a{font-family:", ";}@media ", "{", "}"], (0, _spacing.default)('m'), (0, _zIndex.default)('medium'), function (_ref7) {
@@ -96,15 +70,12 @@ var CTA = _styledComponents.default.div.withConfig({
   var hasImage = _ref9.hasImage;
   return !hasImage && "bottom: -".concat((0, _spacing.default)('m'), ";");
 });
-
-exports.CTA = CTA;
-
-var Copy = _styledComponents.default.div.withConfig({
+var Copy = exports.Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Copy",
   componentId: "sc-s8zd7s-8"
 })(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{min-height:448px;height:auto;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
   var theme = _ref10.theme,
-      backgroundColor = _ref10.backgroundColor;
+    backgroundColor = _ref10.backgroundColor;
   return theme.color(backgroundColor);
 }, function (_ref11) {
   var hasLink = _ref11.hasLink;
@@ -130,6 +101,4 @@ var Copy = _styledComponents.default.div.withConfig({
 }, function (_ref18) {
   var imageLeft = _ref18.imageLeft;
   return imageLeft ? "".concat((0, _spacing.default)('l'), " 0 ").concat((0, _spacing.default)('m'), " -").concat((0, _spacing.default)('l')) : "".concat((0, _spacing.default)('l'), " -").concat((0, _spacing.default)('l'), " ").concat((0, _spacing.default)('m'), " 0");
-});
-
-exports.Copy = Copy;
+});

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js

@@ -1,21 +1,13 @@
 "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 _SingleMessageDs = _interopRequireDefault(require("./SingleMessageDs"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Download = _interopRequireDefault(require("../../Atoms/Icons/Download"));
-
 var _data = require("../../../styleguide/data/data");
-
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SingleMessageDs.default, {
     target: "_blank",

package/dist/components/Molecules/Typeahead/Typeahead.js

@@ -1,58 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _react = _interopRequireWildcard(require("react"));
-
 var _lodash = require("lodash");
-
 var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
-
 var _excluded = ["optionFetcher", "optionParser", "onSelect", "id", "label", "name", "dropdownInstruction", "notFoundMessage", "fetchErrorHandler"];
-
-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; }
 // These just felt about right to me but could be changed.
 var DELAY_DURATION = 300;
 var MIN_CHARS_FOR_FETCH = 2;
-
 var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var optionFetcher = _ref.optionFetcher,
-      optionParser = _ref.optionParser,
-      _onSelect = _ref.onSelect,
-      id = _ref.id,
-      label = _ref.label,
-      name = _ref.name,
-      dropdownInstruction = _ref.dropdownInstruction,
-      notFoundMessage = _ref.notFoundMessage,
-      fetchErrorHandler = _ref.fetchErrorHandler,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    optionParser = _ref.optionParser,
+    _onSelect = _ref.onSelect,
+    id = _ref.id,
+    label = _ref.label,
+    name = _ref.name,
+    dropdownInstruction = _ref.dropdownInstruction,
+    notFoundMessage = _ref.notFoundMessage,
+    fetchErrorHandler = _ref.fetchErrorHandler,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      errorMsg = _useState4[0],
-      setErrorMsg = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    errorMsg = _useState4[0],
+    setErrorMsg = _useState4[1];
   var handleChange = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
       var queryTrimmed, newOptions, newErrorMessage;
@@ -65,37 +49,29 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
               setOptions([]);
               setErrorMsg('');
               queryTrimmed = query.trim();
-
               if (!(queryTrimmed.length < MIN_CHARS_FOR_FETCH)) {
                 _context.next = 5;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 5:
               _context.prev = 5;
               _context.next = 8;
               return optionFetcher(query);
-
             case 8:
               newOptions = _context.sent;
-
               if (newOptions.length > 0) {
                 setOptions(newOptions);
               } else {
                 setErrorMsg(notFoundMessage);
               }
-
               _context.next = 16;
               break;
-
             case 12:
               _context.prev = 12;
               _context.t0 = _context["catch"](5);
               newErrorMessage = fetchErrorHandler(_context.t0);
               setErrorMsg(newErrorMessage || '');
-
             case 16:
             case "end":
               return _context.stop();
@@ -103,15 +79,14 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         }
       }, _callee, null, [[5, 12]]);
     }));
-
     return function handleChange(_x) {
       return _ref2.apply(this, arguments);
     };
-  }(); // useCallback is needed so that the debounced function is not recreated on each render.
+  }();
+
+  // useCallback is needed so that the debounced function is not recreated on each render.
   // (Dependency array needs to be empty to ensure that this is the case).
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
   var debouncedHandleChange = (0, _react.useCallback)((0, _lodash.debounce)(handleChange, DELAY_DURATION), []);
   return /*#__PURE__*/_react.default.createElement(_TextInputWithDropdown.default, Object.assign({
     defaultValue: "",
@@ -123,11 +98,12 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     onSelect: function onSelect(parsedOption, optionIndex) {
       // return the original option, not the parsed value
-      var selectedOption = options[optionIndex]; // pass the selected value up to the parent via callback
-
-      _onSelect(selectedOption); // reset
+      var selectedOption = options[optionIndex];
 
+      // pass the selected value up to the parent via callback
+      _onSelect(selectedOption);
 
+      // reset
       setOptions([]);
       setErrorMsg('');
     },
@@ -139,7 +115,6 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     ref: ref
   }));
 });
-
 Typeahead.defaultProps = {
   dropdownInstruction: null,
   optionParser: null,
@@ -147,5 +122,4 @@ Typeahead.defaultProps = {
     return 'Sorry, there was an unexpected error. Please try again';
   }
 };
-var _default = Typeahead;
-exports.default = _default;
+var _default = exports.default = Typeahead;