@comicrelief/component-library 7.22.0 → 7.23.0

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

@@ -1,83 +1,69 @@
 "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 _youtubePlayer = _interopRequireDefault(require("youtube-player"));
-
 var _reactUid = require("react-uid");
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _SingleMessage = require("./SingleMessage.style");
-
-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 allPlayers = {};
-/* Single Message is our main component usually to build landing pages */
 
+/* Single Message is our main component usually to build landing pages */
 var SingleMessage = function SingleMessage(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      copyFirst = _ref.copyFirst,
-      imageLow = _ref.imageLow,
-      imageSet = _ref.imageSet,
-      image = _ref.image,
-      imageSet2 = _ref.imageSet2,
-      image2 = _ref.image2,
-      imageAltText = _ref.imageAltText,
-      imageAltText2 = _ref.imageAltText2,
-      children = _ref.children,
-      fullImage = _ref.fullImage,
-      vhFull = _ref.vhFull,
-      videoID = _ref.videoID,
-      landscapeVideo = _ref.landscapeVideo;
+    copyFirst = _ref.copyFirst,
+    imageLow = _ref.imageLow,
+    imageSet = _ref.imageSet,
+    image = _ref.image,
+    imageSet2 = _ref.imageSet2,
+    image2 = _ref.image2,
+    imageAltText = _ref.imageAltText,
+    imageAltText2 = _ref.imageAltText2,
+    children = _ref.children,
+    fullImage = _ref.fullImage,
+    vhFull = _ref.vhFull,
+    videoID = _ref.videoID,
+    landscapeVideo = _ref.landscapeVideo;
   var hasImage = imageSet || false;
   var doubleImage = (imageSet || image) && (imageSet2 || image2);
-  var hasVideo = !!(videoID !== null && videoID !== ''); // States to track video status
+  var hasVideo = !!(videoID !== null && videoID !== '');
 
+  // States to track video status
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isInitialised = _useState2[0],
-      setIsInitialised = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isInitialised = _useState2[0],
+    setIsInitialised = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isPlaying = _useState4[0],
-      setIsPlaying = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isPlaying = _useState4[0],
+    setIsPlaying = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      onPlay = _useState6[0],
-      setOnPlay = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    onPlay = _useState6[0],
+    setOnPlay = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isBuffering = _useState8[0],
-      setIsBuffering = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isBuffering = _useState8[0],
+    setIsBuffering = _useState8[1];
   var _useState9 = (0, _react.useState)(null),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      uniqueID = _useState10[0],
-      setUniqueID = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    uniqueID = _useState10[0],
+    setUniqueID = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      hasParentID = _useState12[0],
-      setHasParentID = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    hasParentID = _useState12[0],
+    setHasParentID = _useState12[1];
   var thisRef = (0, _react.useRef)(null);
-  var isIOS = typeof navigator === 'object' ? /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform) : false; // Break-out video markup into its own function
+  var isIOS = typeof navigator === 'object' ? /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform) : false;
 
+  // Break-out video markup into its own function
   var renderVideoPlayers = function renderVideoPlayers(thisRowID) {
     // Store the dynamically-created UUID (from the main render func) in our state
     // so useEffect can access it
@@ -92,20 +78,19 @@ var SingleMessage = function SingleMessage(_ref) {
       id: thisVideoID
     }));
   };
-  /* Waiting on a usable ref from render before setting our flag used in other functions */
-
 
+  /* Waiting on a usable ref from render before setting our flag used in other functions */
   (0, _react.useEffect)(function () {
     setHasParentID(true);
   }, [thisRef]);
-  /* Sets up YT players once all of the ID stuff is taken care of */
 
+  /* Sets up YT players once all of the ID stuff is taken care of */
   (0, _react.useEffect)(function () {
     if (hasVideo && onPlay && uniqueID && !isInitialised) {
-      setIsInitialised(true); // Switch state to ensure this only runs once per video row
+      setIsInitialised(true);
+      // Switch state to ensure this only runs once per video row
       // Instantiate a YT Player into our array, using its unique
       // id as the key that PlayButton can access
-
       allPlayers[uniqueID] = (0, _youtubePlayer.default)(uniqueID, {
         videoId: videoID,
         playerVars: {
@@ -116,14 +101,13 @@ var SingleMessage = function SingleMessage(_ref) {
       });
     }
   }, [hasVideo, isInitialised, uniqueID, videoID, onPlay]);
-
   var handlePlay = function handlePlay(thisUniqueID) {
-    setOnPlay(true); // Trigger play and update video state
-
+    setOnPlay(true);
+    // Trigger play and update video state
     var thisVideoID = "".concat(thisUniqueID, "__video");
     setTimeout(function () {
-      allPlayers[thisVideoID].playVideo(); // Once video is playing, switch state to allow CSS to show/hide relevant layers
-
+      allPlayers[thisVideoID].playVideo();
+      // Once video is playing, switch state to allow CSS to show/hide relevant layers
       allPlayers[thisVideoID].on('stateChange', function (event) {
         if (event.data === 1 && !isIOS || isIOS) {
           setIsBuffering(false);
@@ -133,15 +117,13 @@ var SingleMessage = function SingleMessage(_ref) {
     }, 1000);
     setIsBuffering(true);
   };
+
   /* Dynamically retrieve ID that Gatsby has already baked into the page,
   need to null check for initial render */
-
-
   var getID = function getID(refWithID) {
     var thisID = refWithID !== null ? refWithID.getAttribute('id') : null;
     return thisID;
   };
-
   return (
     /*#__PURE__*/
     // Creates namespaced UUIDs for each row
@@ -212,7 +194,6 @@ var SingleMessage = function SingleMessage(_ref) {
     })
   );
 };
-
 SingleMessage.defaultProps = {
   backgroundColor: 'white',
   copyFirst: false,
@@ -229,5 +210,4 @@ SingleMessage.defaultProps = {
   videoID: null,
   landscapeVideo: false
 };
-var _default = SingleMessage;
-exports.default = _default;
+var _default = exports.default = SingleMessage;

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",