@times-components/article-magazine-comment 3.54.30 → 3.55.2

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.55.2](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.55.1...@times-components/article-magazine-comment@3.55.2) (2022-08-25)
+
+**Note:** Version bump only for package @times-components/article-magazine-comment
+
+
+
+
+
+## [3.55.1](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.55.0...@times-components/article-magazine-comment@3.55.1) (2022-08-20)
+
+**Note:** Version bump only for package @times-components/article-magazine-comment
+
+
+
+
+
+# [3.55.0](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.54.30...@times-components/article-magazine-comment@3.55.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
 ## [3.54.30](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.54.29...@times-components/article-magazine-comment@3.54.30) (2022-08-15)
 
 **Note:** Version bump only for package @times-components/article-magazine-comment

package/babel.config.js

@@ -3,8 +3,19 @@ module.exports = api => {
   return {
     plugins: [
       "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
+      "@babel/plugin-proposal-export-default-from"
     ],
-    presets: ["module:metro-react-native-babel-preset"]
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          targets: {
+            esmodules: true
+          }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/article-header/article-header-prop-types.js

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleHeaderDefaultProps=exports.articleHeaderPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articleHeaderPropTypes={authorImage:_propTypes.default.string.isRequired,bylines:_propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,flags:_propTypes.default.arrayOf(_propTypes.default.shape({expiryTime:_propTypes.default.string,type:_propTypes.default.string})),hasVideo:_propTypes.default.bool,headline:_propTypes.default.string.isRequired,label:_propTypes.default.string,longRead:_propTypes.default.bool,publicationName:_propTypes.default.string.isRequired,publishedTime:_propTypes.default.string.isRequired,standfirst:_propTypes.default.string,updatedTime:_propTypes.default.string};exports.articleHeaderPropTypes=articleHeaderPropTypes;var articleHeaderDefaultProps={flags:[],hasVideo:false,label:null,longRead:false,standfirst:null,updatedTime:null};exports.articleHeaderDefaultProps=articleHeaderDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleHeaderDefaultProps = exports.articleHeaderPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articleHeaderPropTypes = {
+  authorImage: _propTypes.default.string.isRequired,
+  bylines: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  flags: _propTypes.default.arrayOf(_propTypes.default.shape({
+    expiryTime: _propTypes.default.string,
+    type: _propTypes.default.string
+  })),
+  hasVideo: _propTypes.default.bool,
+  headline: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string,
+  longRead: _propTypes.default.bool,
+  publicationName: _propTypes.default.string.isRequired,
+  publishedTime: _propTypes.default.string.isRequired,
+  standfirst: _propTypes.default.string,
+  updatedTime: _propTypes.default.string
+};
+exports.articleHeaderPropTypes = articleHeaderPropTypes;
+const articleHeaderDefaultProps = {
+  flags: [],
+  hasVideo: false,
+  label: null,
+  longRead: false,
+  standfirst: null,
+  updatedTime: null
+};
+exports.articleHeaderDefaultProps = articleHeaderDefaultProps;

package/dist/article-header/article-header.js

@@ -1 +1,92 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _context=_interopRequireDefault(require("@times-components/context"));var _utils=require("@times-components/utils");var _image=_interopRequireDefault(require("@times-components/image"));var _tsComponents=require("@times-components/ts-components");var _tsStyleguide=require("@times-components/ts-styleguide");var _articleLabel=_interopRequireDefault(require("../article-label/article-label"));var _articleMeta=_interopRequireDefault(require("../article-meta/article-meta"));var _articleStandfirst=_interopRequireDefault(require("../article-standfirst/article-standfirst"));var _articleHeaderPropTypes=require("./article-header-prop-types");var _styles=_interopRequireDefault(require("../styles"));var _responsive=require("../styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-magazine-comment/src/article-header/article-header.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var headlineContainerStyles=function headlineContainerStyles(headlineFont,headlineCase){return(0,_utils.checkStylesForUnits)(_objectSpread(_objectSpread({},_styles.default.articleHeadline),{},{fontFamily:headlineFont?_tsStyleguide.fonts[headlineFont]:null,textTransform:headlineCase||null}));};var ArticleHeader=function ArticleHeader(_ref){var authorImage=_ref.authorImage,bylines=_ref.bylines,flags=_ref.flags,hasVideo=_ref.hasVideo,headline=_ref.headline,label=_ref.label,publicationName=_ref.publicationName,publishedTime=_ref.publishedTime,standfirst=_ref.standfirst,updatedTime=_ref.updatedTime;return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:3}},function(_ref2){var _ref2$theme=_ref2.theme,headlineFont=_ref2$theme.headlineFont,headlineCase=_ref2$theme.headlineCase;return _react.default.createElement(_responsive.HeaderContainer,{styles:_styles.default.container,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:7}},_react.default.createElement(_responsive.AuthorImageContainer,{style:_styles.default.authorImage,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:9}},_react.default.createElement(_image.default,{aspectRatio:1,uri:authorImage,accessibilityLabel:"author-image",__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:11}})),_react.default.createElement(_articleLabel.default,{isVideo:hasVideo,label:label,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:9}}),_react.default.createElement(_responsive.HeadlineContainer,{role:"heading","aria-level":"1",styles:headlineContainerStyles(headlineFont,headlineCase),__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:9}},headline),_react.default.createElement(_responsive.FlagsContainer,{__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}},_react.default.createElement(_tsComponents.UpdatedTimeProvider,{updatedTime:updatedTime,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:11}},_react.default.createElement(_tsComponents.ArticleFlags,{flags:flags,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:13}}))),_react.default.createElement(_articleStandfirst.default,{standfirst:standfirst,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:9}}),_react.default.createElement(_articleMeta.default,{bylines:bylines,publicationName:publicationName,publishedTime:publishedTime,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}}));});};ArticleHeader.propTypes=_articleHeaderPropTypes.articleHeaderPropTypes;ArticleHeader.defaultProps=_articleHeaderPropTypes.articleHeaderDefaultProps;var _default=ArticleHeader;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _utils = require("@times-components/utils");
+
+var _image = _interopRequireDefault(require("@times-components/image"));
+
+var _tsComponents = require("@times-components/ts-components");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleLabel = _interopRequireDefault(require("../article-label/article-label"));
+
+var _articleMeta = _interopRequireDefault(require("../article-meta/article-meta"));
+
+var _articleStandfirst = _interopRequireDefault(require("../article-standfirst/article-standfirst"));
+
+var _articleHeaderPropTypes = require("./article-header-prop-types");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+var _responsive = require("../styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const headlineContainerStyles = (headlineFont, headlineCase) => (0, _utils.checkStylesForUnits)(_objectSpread(_objectSpread({}, _styles.default.articleHeadline), {}, {
+  fontFamily: headlineFont ? _tsStyleguide.fonts[headlineFont] : null,
+  textTransform: headlineCase || null
+}));
+
+const ArticleHeader = _ref => {
+  let authorImage = _ref.authorImage,
+      bylines = _ref.bylines,
+      flags = _ref.flags,
+      hasVideo = _ref.hasVideo,
+      headline = _ref.headline,
+      label = _ref.label,
+      publicationName = _ref.publicationName,
+      publishedTime = _ref.publishedTime,
+      standfirst = _ref.standfirst,
+      updatedTime = _ref.updatedTime;
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref2 => {
+    let _ref2$theme = _ref2.theme,
+        headlineFont = _ref2$theme.headlineFont,
+        headlineCase = _ref2$theme.headlineCase;
+    return /*#__PURE__*/_react.default.createElement(_responsive.HeaderContainer, {
+      styles: _styles.default.container
+    }, /*#__PURE__*/_react.default.createElement(_responsive.AuthorImageContainer, {
+      style: _styles.default.authorImage
+    }, /*#__PURE__*/_react.default.createElement(_image.default, {
+      aspectRatio: 1,
+      uri: authorImage,
+      accessibilityLabel: "author-image"
+    })), /*#__PURE__*/_react.default.createElement(_articleLabel.default, {
+      isVideo: hasVideo,
+      label: label
+    }), /*#__PURE__*/_react.default.createElement(_responsive.HeadlineContainer, {
+      role: "heading",
+      "aria-level": "1",
+      styles: headlineContainerStyles(headlineFont, headlineCase)
+    }, headline), /*#__PURE__*/_react.default.createElement(_responsive.FlagsContainer, null, /*#__PURE__*/_react.default.createElement(_tsComponents.UpdatedTimeProvider, {
+      updatedTime: updatedTime
+    }, /*#__PURE__*/_react.default.createElement(_tsComponents.ArticleFlags, {
+      flags: flags
+    }))), /*#__PURE__*/_react.default.createElement(_articleStandfirst.default, {
+      standfirst: standfirst
+    }), /*#__PURE__*/_react.default.createElement(_articleMeta.default, {
+      bylines: bylines,
+      publicationName: publicationName,
+      publishedTime: publishedTime
+    }));
+  });
+};
+
+ArticleHeader.propTypes = _articleHeaderPropTypes.articleHeaderPropTypes;
+ArticleHeader.defaultProps = _articleHeaderPropTypes.articleHeaderDefaultProps;
+var _default = ArticleHeader;
+exports.default = _default;

package/dist/article-label/article-label-prop-types.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleLabelDefaultProps=exports.articleLabelPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articleLabelPropTypes={isVideo:_propTypes.default.bool,label:_propTypes.default.string};exports.articleLabelPropTypes=articleLabelPropTypes;var articleLabelDefaultProps={isVideo:false,label:null};exports.articleLabelDefaultProps=articleLabelDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleLabelDefaultProps = exports.articleLabelPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articleLabelPropTypes = {
+  isVideo: _propTypes.default.bool,
+  label: _propTypes.default.string
+};
+exports.articleLabelPropTypes = articleLabelPropTypes;
+const articleLabelDefaultProps = {
+  isVideo: false,
+  label: null
+};
+exports.articleLabelDefaultProps = articleLabelDefaultProps;

package/dist/article-label/article-label.js

@@ -1 +1,45 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _articleLabel=_interopRequireDefault(require("@times-components/article-label"));var _videoLabel=_interopRequireDefault(require("@times-components/video-label"));var _context=_interopRequireDefault(require("@times-components/context"));var _tsStyleguide=require("@times-components/ts-styleguide");var _articleLabelPropTypes=require("./article-label-prop-types");var _styles=_interopRequireDefault(require("../styles"));var _jsxFileName="/home/circleci/project/packages/article-magazine-comment/src/article-label/article-label.js";var HeaderLabel=function HeaderLabel(_ref){var isVideo=_ref.isVideo,label=_ref.label;if(!isVideo&&!label)return null;var Label=isVideo?_videoLabel.default:_articleLabel.default;return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:5}},function(_ref2){var sectionColour=_ref2.theme.sectionColour;return _react.default.createElement(_utils.TcView,{style:_styles.default.label,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},_react.default.createElement(Label,{color:sectionColour||_tsStyleguide.colours.section.default,title:label,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:11}}));});};HeaderLabel.propTypes=_articleLabelPropTypes.articleLabelPropTypes;HeaderLabel.defaultProps=_articleLabelPropTypes.articleLabelDefaultProps;var _default=HeaderLabel;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _articleLabel = _interopRequireDefault(require("@times-components/article-label"));
+
+var _videoLabel = _interopRequireDefault(require("@times-components/video-label"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleLabelPropTypes = require("./article-label-prop-types");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HeaderLabel = _ref => {
+  let isVideo = _ref.isVideo,
+      label = _ref.label;
+  if (!isVideo && !label) return null;
+  const Label = isVideo ? _videoLabel.default : _articleLabel.default;
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref2 => {
+    let sectionColour = _ref2.theme.sectionColour;
+    return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+      style: _styles.default.label
+    }, /*#__PURE__*/_react.default.createElement(Label, {
+      color: sectionColour || _tsStyleguide.colours.section.default,
+      title: label
+    }));
+  });
+};
+
+HeaderLabel.propTypes = _articleLabelPropTypes.articleLabelPropTypes;
+HeaderLabel.defaultProps = _articleLabelPropTypes.articleLabelDefaultProps;
+var _default = HeaderLabel;
+exports.default = _default;

package/dist/article-magazine-comment.js

@@ -1 +1,119 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _articleSkeleton=_interopRequireDefault(require("@times-components/article-skeleton"));var _utils=require("@times-components/utils");var _caption=require("@times-components/caption");var _articleHeader=_interopRequireDefault(require("./article-header/article-header"));var _articlePropTypes=require("./article-prop-types/article-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _responsive=require("./styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-magazine-comment/src/article-magazine-comment.js";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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var ArticlePage=function(_Component){(0,_inherits2.default)(ArticlePage,_Component);var _super=_createSuper(ArticlePage);function ArticlePage(props){var _this;(0,_classCallCheck2.default)(this,ArticlePage);_this=_super.call(this,props);_this.renderHeader=_this.renderHeader.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(ArticlePage,[{key:"renderHeader",value:function renderHeader(){var article=this.props.article;var bylines=article.bylines,expirableFlags=article.expirableFlags,hasVideo=article.hasVideo,headline=article.headline,label=article.label,publicationName=article.publicationName,publishedTime=article.publishedTime,shortHeadline=article.shortHeadline,standfirst=article.standfirst,updatedTime=article.updatedTime;var authorImage=bylines&&bylines.length>0&&bylines[0].image&&Object.keys(bylines[0].image).length!==0&&bylines[0].image.crop?bylines[0].image.crop.url:null;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:7}},_react.default.createElement(_articleHeader.default,{authorImage:authorImage,bylines:bylines,flags:expirableFlags,hasVideo:hasVideo,headline:(0,_utils.getHeadline)(headline,shortHeadline),label:label,publicationName:publicationName,publishedTime:publishedTime,standfirst:standfirst,updatedTime:updatedTime,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:9}}),_react.default.createElement(_responsive.LeadAsset,(0,_extends2.default)({},(0,_utils.getLeadAsset)(article),{getImageCrop:_utils.getStandardTemplateCrop,renderCaption:function renderCaption(_ref){var caption=_ref.caption;return _react.default.createElement(_caption.CentredCaption,(0,_extends2.default)({},caption,{__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:43}}));},style:_styles.default.leadAssetContainer,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:9}})));}},{key:"render",value:function render(){var _this$props=this.props,article=_this$props.article,analyticsStream=_this$props.analyticsStream,error=_this$props.error,isLoading=_this$props.isLoading,logoUrl=_this$props.logoUrl,navigationMode=_this$props.navigationMode,receiveChildList=_this$props.receiveChildList,commentingConfig=_this$props.commentingConfig,paidContentClassName=_this$props.paidContentClassName,isPreview=_this$props.isPreview,swgProductId=_this$props.swgProductId,additionalRelatedArticlesFlag=_this$props.additionalRelatedArticlesFlag,algoliaSearchKeys=_this$props.algoliaSearchKeys,latestFromSectionFlag=_this$props.latestFromSectionFlag,latestFromSection=_this$props.latestFromSection,olympicsKeys=_this$props.olympicsKeys;if(error||isLoading){return null;}return _react.default.createElement(_articleSkeleton.default,{analyticsStream:analyticsStream,data:article,Header:this.renderHeader,logoUrl:logoUrl,receiveChildList:receiveChildList,navigationMode:navigationMode,commentingConfig:commentingConfig,paidContentClassName:paidContentClassName,isPreview:isPreview,swgProductId:swgProductId,additionalRelatedArticlesFlag:additionalRelatedArticlesFlag,algoliaSearchKeys:algoliaSearchKeys,latestFromSectionFlag:latestFromSectionFlag,latestFromSection:latestFromSection,olympicsKeys:olympicsKeys,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:7}});}}]);return ArticlePage;}(_react.Component);ArticlePage.propTypes=_articlePropTypes.articlePropTypes;ArticlePage.defaultProps=_articlePropTypes.articleDefaultProps;var _default=ArticlePage;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleSkeleton = _interopRequireDefault(require("@times-components/article-skeleton"));
+
+var _utils = require("@times-components/utils");
+
+var _caption = require("@times-components/caption");
+
+var _articleHeader = _interopRequireDefault(require("./article-header/article-header"));
+
+var _articlePropTypes = require("./article-prop-types/article-prop-types");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _responsive = require("./styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+class ArticlePage extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.renderHeader = this.renderHeader.bind(this);
+  }
+
+  renderHeader() {
+    const article = this.props.article;
+    const bylines = article.bylines,
+          expirableFlags = article.expirableFlags,
+          hasVideo = article.hasVideo,
+          headline = article.headline,
+          label = article.label,
+          publicationName = article.publicationName,
+          publishedTime = article.publishedTime,
+          shortHeadline = article.shortHeadline,
+          standfirst = article.standfirst,
+          updatedTime = article.updatedTime;
+    const authorImage = bylines && bylines.length > 0 && bylines[0].image && Object.keys(bylines[0].image).length !== 0 && bylines[0].image.crop ? bylines[0].image.crop.url : null;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_articleHeader.default, {
+      authorImage: authorImage,
+      bylines: bylines,
+      flags: expirableFlags,
+      hasVideo: hasVideo,
+      headline: (0, _utils.getHeadline)(headline, shortHeadline),
+      label: label,
+      publicationName: publicationName,
+      publishedTime: publishedTime,
+      standfirst: standfirst,
+      updatedTime: updatedTime
+    }), /*#__PURE__*/_react.default.createElement(_responsive.LeadAsset, _extends({}, (0, _utils.getLeadAsset)(article), {
+      getImageCrop: _utils.getStandardTemplateCrop,
+      renderCaption: _ref => {
+        let caption = _ref.caption;
+        return /*#__PURE__*/_react.default.createElement(_caption.CentredCaption, caption);
+      },
+      style: _styles.default.leadAssetContainer
+    })));
+  }
+
+  render() {
+    const _this$props = this.props,
+          article = _this$props.article,
+          analyticsStream = _this$props.analyticsStream,
+          error = _this$props.error,
+          isLoading = _this$props.isLoading,
+          logoUrl = _this$props.logoUrl,
+          navigationMode = _this$props.navigationMode,
+          receiveChildList = _this$props.receiveChildList,
+          commentingConfig = _this$props.commentingConfig,
+          paidContentClassName = _this$props.paidContentClassName,
+          isPreview = _this$props.isPreview,
+          swgProductId = _this$props.swgProductId,
+          additionalRelatedArticlesFlag = _this$props.additionalRelatedArticlesFlag,
+          algoliaSearchKeys = _this$props.algoliaSearchKeys,
+          latestFromSectionFlag = _this$props.latestFromSectionFlag,
+          latestFromSection = _this$props.latestFromSection,
+          olympicsKeys = _this$props.olympicsKeys;
+
+    if (error || isLoading) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_articleSkeleton.default, {
+      analyticsStream: analyticsStream,
+      data: article,
+      Header: this.renderHeader,
+      logoUrl: logoUrl,
+      receiveChildList: receiveChildList,
+      navigationMode: navigationMode,
+      commentingConfig: commentingConfig,
+      paidContentClassName: paidContentClassName,
+      isPreview: isPreview,
+      swgProductId: swgProductId,
+      additionalRelatedArticlesFlag: additionalRelatedArticlesFlag,
+      algoliaSearchKeys: algoliaSearchKeys,
+      latestFromSectionFlag: latestFromSectionFlag,
+      latestFromSection: latestFromSection,
+      olympicsKeys: olympicsKeys
+    });
+  }
+
+}
+
+ArticlePage.propTypes = _articlePropTypes.articlePropTypes;
+ArticlePage.defaultProps = _articlePropTypes.articleDefaultProps;
+var _default = ArticlePage;
+exports.default = _default;

package/dist/article-meta/article-meta-prop-types.js

@@ -1 +1,18 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var metaPropTypes={bylines:_propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,publicationName:_propTypes.default.string.isRequired,publishedTime:_propTypes.default.string.isRequired};var _default=metaPropTypes;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const metaPropTypes = {
+  bylines: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  publicationName: _propTypes.default.string.isRequired,
+  publishedTime: _propTypes.default.string.isRequired
+};
+var _default = metaPropTypes;
+exports.default = _default;

package/dist/article-meta/article-meta.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _articleByline=require("@times-components/article-byline");var _datePublication=_interopRequireDefault(require("@times-components/date-publication"));var _utils=require("@times-components/utils");var _articleMetaPropTypes=_interopRequireDefault(require("./article-meta-prop-types"));var _responsive=require("../styles/responsive");var _styles=_interopRequireDefault(require("../styles"));var _jsxFileName="/home/circleci/project/packages/article-magazine-comment/src/article-meta/article-meta.js";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 ArticleMeta=function ArticleMeta(_ref){var bylines=_ref.bylines,publicationName=_ref.publicationName,publishedTime=_ref.publishedTime;return _react.default.createElement(_responsive.MetaContainer,{__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:3}},(0,_articleByline.hasBylineData)(bylines)&&_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:7}},_react.default.createElement(_responsive.Meta,{styles:_styles.default.meta,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},_react.default.createElement(_articleByline.ArticleBylineWithLinks,{ast:bylines,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:11}})),_react.default.createElement(_responsive.Separator,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:9}})),_react.default.createElement(_responsive.Meta,{styles:_styles.default.meta,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:5}},_react.default.createElement(_responsive.DatePublicationContainer,{styles:(0,_utils.checkStylesForUnits)(_styles.default.datePublication),__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:7}},_react.default.createElement(_datePublication.default,{date:publishedTime,publication:publicationName,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:9}}))));};ArticleMeta.propTypes=_articleMetaPropTypes.default;var _default=ArticleMeta;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleByline = require("@times-components/article-byline");
+
+var _datePublication = _interopRequireDefault(require("@times-components/date-publication"));
+
+var _utils = require("@times-components/utils");
+
+var _articleMetaPropTypes = _interopRequireDefault(require("./article-meta-prop-types"));
+
+var _responsive = require("../styles/responsive");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const ArticleMeta = _ref => {
+  let bylines = _ref.bylines,
+      publicationName = _ref.publicationName,
+      publishedTime = _ref.publishedTime;
+  return /*#__PURE__*/_react.default.createElement(_responsive.MetaContainer, null, (0, _articleByline.hasBylineData)(bylines) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_responsive.Meta, {
+    styles: _styles.default.meta
+  }, /*#__PURE__*/_react.default.createElement(_articleByline.ArticleBylineWithLinks, {
+    ast: bylines
+  })), /*#__PURE__*/_react.default.createElement(_responsive.Separator, null)), /*#__PURE__*/_react.default.createElement(_responsive.Meta, {
+    styles: _styles.default.meta
+  }, /*#__PURE__*/_react.default.createElement(_responsive.DatePublicationContainer, {
+    styles: (0, _utils.checkStylesForUnits)(_styles.default.datePublication)
+  }, /*#__PURE__*/_react.default.createElement(_datePublication.default, {
+    date: publishedTime,
+    publication: publicationName
+  }))));
+};
+
+ArticleMeta.propTypes = _articleMetaPropTypes.default;
+var _default = ArticleMeta;
+exports.default = _default;

package/dist/article-prop-types/article-prop-types.base.js

@@ -1 +1,33 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articlePageDefaultProps=exports.articlePagePropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var articlePagePropTypes={analyticsStream:_propTypes.default.func.isRequired,article:_propTypes.default.shape({}),error:_propTypes.default.shape({graphQLErrors:_propTypes.default.array,message:_propTypes.default.string,networkError:_propTypes.default.shape({message:_propTypes.default.string})}),isLoading:_propTypes.default.bool,onImagePress:_propTypes.default.func,receiveChildList:_propTypes.default.func.isRequired};exports.articlePagePropTypes=articlePagePropTypes;var articlePageDefaultProps={article:null,error:null,isLoading:false,onImagePress:null};exports.articlePageDefaultProps=articlePageDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articlePageDefaultProps = exports.articlePagePropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const articlePagePropTypes = {
+  analyticsStream: _propTypes.default.func.isRequired,
+  article: _propTypes.default.shape({}),
+  error: _propTypes.default.shape({
+    graphQLErrors: _propTypes.default.array,
+    message: _propTypes.default.string,
+    networkError: _propTypes.default.shape({
+      message: _propTypes.default.string
+    })
+  }),
+  isLoading: _propTypes.default.bool,
+  onImagePress: _propTypes.default.func,
+  receiveChildList: _propTypes.default.func.isRequired
+};
+exports.articlePagePropTypes = articlePagePropTypes;
+const articlePageDefaultProps = {
+  article: null,
+  error: null,
+  isLoading: false,
+  onImagePress: null
+};
+exports.articlePageDefaultProps = articlePageDefaultProps;

package/dist/article-prop-types/article-prop-types.js

@@ -1 +1,29 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.articleDefaultProps=exports.articlePropTypes=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _articlePropTypes=require("./article-prop-types.base");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var articlePropTypes=_objectSpread(_objectSpread({},_articlePropTypes.articlePagePropTypes),{},{commentingConfig:_propTypes.default.string.isRequired,navigationMode:_propTypes.default.shape({}).isRequired});exports.articlePropTypes=articlePropTypes;var articleDefaultProps=_objectSpread({},_articlePropTypes.articlePageDefaultProps);exports.articleDefaultProps=articleDefaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.articleDefaultProps = exports.articlePropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _articlePropTypes = require("./article-prop-types.base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const articlePropTypes = _objectSpread(_objectSpread({}, _articlePropTypes.articlePagePropTypes), {}, {
+  commentingConfig: _propTypes.default.string.isRequired,
+  navigationMode: _propTypes.default.shape({}).isRequired
+});
+
+exports.articlePropTypes = articlePropTypes;
+
+const articleDefaultProps = _objectSpread({}, _articlePropTypes.articlePageDefaultProps);
+
+exports.articleDefaultProps = articleDefaultProps;

package/dist/article-standfirst/article-standfirst.js

@@ -1 +1,38 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("../styles"));var _responsive=require("../styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-magazine-comment/src/article-standfirst/article-standfirst.js";var HeaderStandfirst=function HeaderStandfirst(_ref){var standfirst=_ref.standfirst;if(!standfirst)return null;return _react.default.createElement(_responsive.StandfirstContainer,{role:"heading","aria-level":"2",styles:(0,_utils.checkStylesForUnits)(_styles.default.standFirst),testID:"standfirst",__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:5}},standfirst);};HeaderStandfirst.propTypes={standfirst:_propTypes.default.string};HeaderStandfirst.defaultProps={standfirst:null};var _default=HeaderStandfirst;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("../styles"));
+
+var _responsive = require("../styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HeaderStandfirst = _ref => {
+  let standfirst = _ref.standfirst;
+  if (!standfirst) return null;
+  return /*#__PURE__*/_react.default.createElement(_responsive.StandfirstContainer, {
+    role: "heading",
+    "aria-level": "2",
+    styles: (0, _utils.checkStylesForUnits)(_styles.default.standFirst),
+    testID: "standfirst"
+  }, standfirst);
+};
+
+HeaderStandfirst.propTypes = {
+  standfirst: _propTypes.default.string
+};
+HeaderStandfirst.defaultProps = {
+  standfirst: null
+};
+var _default = HeaderStandfirst;
+exports.default = _default;

package/dist/styles/index.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _shared=_interopRequireDefault(require("./shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_objectSpread({},_shared.default);var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = _objectSpread({}, _shared.default);
+
+var _default = styles;
+exports.default = _default;

package/dist/styles/responsive.js

@@ -1 +1,79 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.LeadAsset=exports.StandfirstContainer=exports.Separator=exports.MetaContainer=exports.Meta=exports.LabelContainer=exports.HeadlineContainer=exports.HeaderContainer=exports.FlagsContainer=exports.DatePublicationContainer=exports.AuthorImageContainer=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var _articleLeadAsset=_interopRequireDefault(require("@times-components/article-lead-asset"));var AuthorImageContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"sc-15qf29k-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],_tsStyleguide.breakpoints.medium);exports.AuthorImageContainer=AuthorImageContainer;var DatePublicationContainer=(0,_styledComponents.default)(_utils.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-15qf29k-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],function(props){return props.styles&&props.styles;},(0,_tsStyleguide.spacing)(3),_tsStyleguide.breakpoints.medium);exports.DatePublicationContainer=DatePublicationContainer;var FlagsContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-15qf29k-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],(0,_tsStyleguide.spacing)(1),(0,_tsStyleguide.spacing)(3),_tsStyleguide.breakpoints.medium);exports.FlagsContainer=FlagsContainer;var HeaderContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15qf29k-3"})([""," order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(6),_tsStyleguide.breakpoints.wide);exports.HeaderContainer=HeaderContainer;var HeadlineContainer=_styledComponents.default.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15qf29k-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;"," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.articleHeadline,(0,_tsStyleguide.spacing)(1));exports.HeadlineContainer=HeadlineContainer;var LabelContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15qf29k-5"})(["@media (min-width:","px){margin-top:0px;}"],_tsStyleguide.breakpoints.wide);exports.LabelContainer=LabelContainer;var Meta=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-15qf29k-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium);exports.Meta=Meta;var MetaContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-15qf29k-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],_tsStyleguide.breakpoints.medium);exports.MetaContainer=MetaContainer;var Separator=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-15qf29k-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.colours.functional.keyline,(0,_tsStyleguide.spacing)(3),(0,_tsStyleguide.spacing)(2));exports.Separator=Separator;var StandfirstContainer=_styledComponents.default.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-15qf29k-9"})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;"," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],function(props){return props.styles&&props.styles;},_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.infoTitle,(0,_tsStyleguide.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),(0,_tsStyleguide.spacing)(5),_tsStyleguide.breakpoints.wide,(0,_tsStyleguide.spacing)(4));exports.StandfirstContainer=StandfirstContainer;var LeadAsset=(0,_styledComponents.default)(_articleLeadAsset.default).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-15qf29k-10"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(6),_tsStyleguide.breakpoints.wide);exports.LeadAsset=LeadAsset;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LeadAsset = exports.StandfirstContainer = exports.Separator = exports.MetaContainer = exports.Meta = exports.LabelContainer = exports.HeadlineContainer = exports.HeaderContainer = exports.FlagsContainer = exports.DatePublicationContainer = exports.AuthorImageContainer = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleLeadAsset = _interopRequireDefault(require("@times-components/article-lead-asset"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AuthorImageContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__AuthorImageContainer",
+  componentId: "sc-15qf29k-0"
+})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:", "px){height:118px;width:118px;}"], _tsStyleguide.breakpoints.medium);
+exports.AuthorImageContainer = AuthorImageContainer;
+const DatePublicationContainer = (0, _styledComponents.default)(_utils.TcText).withConfig({
+  displayName: "responsive__DatePublicationContainer",
+  componentId: "sc-15qf29k-1"
+})(["", ";flex-direction:row;flex-wrap:wrap;margin-top:", ";@media (min-width:", "px){margin-top:0;}"], props => props.styles && props.styles, (0, _tsStyleguide.spacing)(3), _tsStyleguide.breakpoints.medium);
+exports.DatePublicationContainer = DatePublicationContainer;
+const FlagsContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__FlagsContainer",
+  componentId: "sc-15qf29k-2"
+})(["padding-top:", ";padding-bottom:", ";@media (min-width:", "px){padding-top:0;}"], (0, _tsStyleguide.spacing)(1), (0, _tsStyleguide.spacing)(3), _tsStyleguide.breakpoints.medium);
+exports.FlagsContainer = FlagsContainer;
+const HeaderContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__HeaderContainer",
+  componentId: "sc-15qf29k-3"
+})(["", " order:2;@media (min-width:", "px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:", ";}@media (min-width:", "px){width:56.2%;}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6), _tsStyleguide.breakpoints.wide);
+exports.HeaderContainer = HeaderContainer;
+
+const HeadlineContainer = _styledComponents.default.h1.withConfig({
+  displayName: "responsive__HeadlineContainer",
+  componentId: "sc-15qf29k-4"
+})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;", " @media (min-width:", "px){font-size:", "px;line-height:50px;margin-bottom:", ";}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.articleHeadline, (0, _tsStyleguide.spacing)(1));
+
+exports.HeadlineContainer = HeadlineContainer;
+const LabelContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__LabelContainer",
+  componentId: "sc-15qf29k-5"
+})(["@media (min-width:", "px){margin-top:0px;}"], _tsStyleguide.breakpoints.wide);
+exports.LabelContainer = LabelContainer;
+const Meta = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__Meta",
+  componentId: "sc-15qf29k-6"
+})(["", " max-width:100%;justify-content:center;@media (min-width:", "px){margin-top:0;}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium);
+exports.Meta = Meta;
+const MetaContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__MetaContainer",
+  componentId: "sc-15qf29k-7"
+})(["align-items:center;justify-content:center;@media (min-width:", "px){flex-direction:row;flex-wrap:wrap;}"], _tsStyleguide.breakpoints.medium);
+exports.MetaContainer = MetaContainer;
+const Separator = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__Separator",
+  componentId: "sc-15qf29k-8"
+})(["display:none;@media (min-width:", "px){background-color:", ";display:flex;height:", ";margin:0 ", ";width:1px;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.colours.functional.keyline, (0, _tsStyleguide.spacing)(3), (0, _tsStyleguide.spacing)(2));
+exports.Separator = Separator;
+
+const StandfirstContainer = _styledComponents.default.h2.withConfig({
+  displayName: "responsive__StandfirstContainer",
+  componentId: "sc-15qf29k-9"
+})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;", " @media (min-width:", "px){font-size:", "px;line-height:", "px;margin-bottom:", ";}@media (min-width:", "px){margin-bottom:", ";}"], props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.infoTitle, (0, _tsStyleguide.lineHeight)({
+  font: "bodyRegular",
+  fontSize: "infoTitle"
+}), (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(4));
+
+exports.StandfirstContainer = StandfirstContainer;
+const LeadAsset = (0, _styledComponents.default)(_articleLeadAsset.default).withConfig({
+  displayName: "responsive__LeadAsset",
+  componentId: "sc-15qf29k-10"
+})(["order:2;@media (min-width:", "px){margin-bottom:", ";}@media (min-width:", "px){width:56.2%;margin-left:auto;margin-right:auto;}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6), _tsStyleguide.breakpoints.wide);
+exports.LeadAsset = LeadAsset;

package/dist/styles/shared.js

@@ -1 +1,92 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var sharedStyles={articleHeadline:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:_tsStyleguide.colours.functional.brandColour,marginBottom:(0,_tsStyleguide.spacing)(2),textAlign:"center"}),authorImage:{marginBottom:(0,_tsStyleguide.spacing)(5)},container:{alignItems:"center",marginBottom:(0,_tsStyleguide.spacing)(5),marginLeft:(0,_tsStyleguide.spacing)(2),marginRight:(0,_tsStyleguide.spacing)(2),paddingTop:(0,_tsStyleguide.spacing)(7)},containerTablet:{alignSelf:"center",width:_tsStyleguide.tabletWidth},datePublication:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:_tsStyleguide.colours.functional.secondary,marginTop:(0,_tsStyleguide.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:(0,_tsStyleguide.spacing)(2)},leadAssetContainer:{marginBottom:(0,_tsStyleguide.spacing)(4)},leadAssetContainerTablet:{alignSelf:"center",width:_tsStyleguide.tabletWidth-_tsStyleguide.tabletRowPadding},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:(0,_tsStyleguide.spacing)(1)},separator:{borderRightColor:_tsStyleguide.colours.functional.keyline,borderRightWidth:1,height:(0,_tsStyleguide.spacing)(3),marginLeft:(0,_tsStyleguide.spacing)(2),marginRight:(0,_tsStyleguide.spacing)(2)},standFirst:_objectSpread(_objectSpread({},(0,_tsStyleguide.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:_tsStyleguide.colours.functional.primary,marginBottom:(0,_tsStyleguide.spacing)(3),paddingLeft:(0,_tsStyleguide.spacing)(2),paddingRight:(0,_tsStyleguide.spacing)(2),textAlign:"center"})};var _default=sharedStyles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const sharedStyles = {
+  articleHeadline: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "headline",
+    fontSize: "headline"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.brandColour,
+    marginBottom: (0, _tsStyleguide.spacing)(2),
+    textAlign: "center"
+  }),
+  authorImage: {
+    marginBottom: (0, _tsStyleguide.spacing)(5)
+  },
+  container: {
+    alignItems: "center",
+    marginBottom: (0, _tsStyleguide.spacing)(5),
+    marginLeft: (0, _tsStyleguide.spacing)(2),
+    marginRight: (0, _tsStyleguide.spacing)(2),
+    paddingTop: (0, _tsStyleguide.spacing)(7)
+  },
+  containerTablet: {
+    alignSelf: "center",
+    width: _tsStyleguide.tabletWidth
+  },
+  datePublication: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "supporting",
+    fontSize: "cardMeta"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.secondary,
+    marginTop: (0, _tsStyleguide.spacing)(3)
+  }),
+  datePublicationTablet: {
+    marginTop: "auto"
+  },
+  label: {
+    marginBottom: (0, _tsStyleguide.spacing)(2)
+  },
+  leadAssetContainer: {
+    marginBottom: (0, _tsStyleguide.spacing)(4)
+  },
+  leadAssetContainerTablet: {
+    alignSelf: "center",
+    width: _tsStyleguide.tabletWidth - _tsStyleguide.tabletRowPadding
+  },
+  meta: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  metaContainer: {
+    alignItems: "center"
+  },
+  metaContainerTablet: {
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  metaTablet: {
+    paddingTop: (0, _tsStyleguide.spacing)(1)
+  },
+  separator: {
+    borderRightColor: _tsStyleguide.colours.functional.keyline,
+    borderRightWidth: 1,
+    height: (0, _tsStyleguide.spacing)(3),
+    marginLeft: (0, _tsStyleguide.spacing)(2),
+    marginRight: (0, _tsStyleguide.spacing)(2)
+  },
+  standFirst: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
+    font: "headlineRegular",
+    fontSize: "smallestHeadline"
+  })), {}, {
+    color: _tsStyleguide.colours.functional.primary,
+    marginBottom: (0, _tsStyleguide.spacing)(3),
+    paddingLeft: (0, _tsStyleguide.spacing)(2),
+    paddingRight: (0, _tsStyleguide.spacing)(2),
+    textAlign: "center"
+  })
+};
+var _default = sharedStyles;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-magazine-comment",
-  "version": "3.54.30",
+  "version": "3.55.2",
   "description": "Magazine Comment Article Template",
   "main": "dist/article-magazine-comment",
   "dev": "src/article-magazine-comment",
@@ -9,7 +9,7 @@
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
     "prettier:diff": "prettier --list-different '**/*.*'",
     "lint": "eslint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
     "cleanup-dist": "rm -rf dist",
@@ -21,10 +21,7 @@
     "url": "git+https://github.com/newsuk/times-components.git"
   },
   "keywords": [
-    "react-native-web",
     "react",
-    "native",
-    "web",
     "article-magazine-comment",
     "component"
   ],
@@ -36,14 +33,14 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.1",
-    "@times-components/jest-serializer": "3.3.1",
-    "@times-components/provider": "1.32.9",
-    "@times-components/provider-test-tools": "1.26.8",
-    "@times-components/storybook": "4.4.1",
-    "@times-components/tealium-utils": "0.7.76",
-    "@times-components/test-utils": "2.3.11",
-    "@times-components/webpack-configurator": "2.0.30",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.0",
+    "@times-components/provider": "1.33.0",
+    "@times-components/provider-test-tools": "1.27.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/tealium-utils": "0.8.0",
+    "@times-components/test-utils": "2.4.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
     "eslint": "5.9.0",
     "jest": "24.8.0",
@@ -51,26 +48,24 @@
     "prettier": "1.14.3",
     "react": "16.9.0",
     "react-dom": "16.9.0",
-    "react-native": "0.61.5",
     "react-test-renderer": "16.9.0",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "2.20.3",
-    "@times-components/article-byline": "3.8.8",
-    "@times-components/article-label": "2.9.8",
-    "@times-components/article-lead-asset": "1.10.8",
-    "@times-components/article-skeleton": "1.85.42",
-    "@times-components/caption": "3.2.8",
-    "@times-components/context": "1.9.4",
-    "@times-components/date-publication": "0.23.5",
-    "@times-components/image": "6.12.8",
-    "@times-components/ts-components": "1.51.1",
-    "@times-components/ts-styleguide": "1.36.9",
-    "@times-components/user-state": "0.3.31",
-    "@times-components/utils": "6.14.4",
-    "@times-components/video-label": "2.6.8",
+    "@times-components/ad": "2.21.0",
+    "@times-components/article-byline": "3.9.1",
+    "@times-components/article-label": "2.10.0",
+    "@times-components/article-lead-asset": "1.11.0",
+    "@times-components/article-skeleton": "1.86.2",
+    "@times-components/caption": "3.3.0",
+    "@times-components/context": "1.10.0",
+    "@times-components/date-publication": "0.24.0",
+    "@times-components/image": "6.13.0",
+    "@times-components/ts-components": "1.52.1",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/user-state": "0.4.0",
+    "@times-components/utils": "6.15.0",
+    "@times-components/video-label": "2.7.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -80,12 +75,10 @@
   },
   "peerDependencies": {
     "react": ">=16.9",
-    "react-dom": ">=16.9",
-    "react-native": ">=0.59",
-    "react-native-web": "0.11.4"
+    "react-dom": ">=16.9"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "df5ed2ea69c1f572c9054e51a8fdd00f700dc758"
+  "gitHead": "5477307832a741d1a232a3854185314fe728d41d"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(5));function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var o=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},n(r(26)).default);t.default=o},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.LeadAsset=t.StandfirstContainer=t.Separator=t.MetaContainer=t.Meta=t.LabelContainer=t.HeadlineContainer=t.HeaderContainer=t.FlagsContainer=t.DatePublicationContainer=t.AuthorImageContainer=void 0;var a=r(1),i=n(r(31)),o=r(6),l=n(r(32)),s=(0,i.default)(a.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"sc-15qf29k-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],o.breakpoints.medium);t.AuthorImageContainer=s;var u=(0,i.default)(a.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-15qf29k-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],(function(e){return e.styles&&e.styles}),(0,o.spacing)(3),o.breakpoints.medium);t.DatePublicationContainer=u;var d=(0,i.default)(a.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-15qf29k-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],(0,o.spacing)(1),(0,o.spacing)(3),o.breakpoints.medium);t.FlagsContainer=d;var c=(0,i.default)(a.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15qf29k-3"})([""," order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium,(0,o.spacing)(6),o.breakpoints.wide);t.HeaderContainer=c;var f=i.default.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15qf29k-4"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;'," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium,o.fontSizes.articleHeadline,(0,o.spacing)(1));t.HeadlineContainer=f;var p=(0,i.default)(a.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15qf29k-5"})(["@media (min-width:","px){margin-top:0px;}"],o.breakpoints.wide);t.LabelContainer=p;var m=(0,i.default)(a.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-15qf29k-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium);t.Meta=m;var g=(0,i.default)(a.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-15qf29k-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],o.breakpoints.medium);t.MetaContainer=g;var b=(0,i.default)(a.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-15qf29k-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],o.breakpoints.medium,o.colours.functional.keyline,(0,o.spacing)(3),(0,o.spacing)(2));t.Separator=b;var y=i.default.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-15qf29k-9"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;'," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],(function(e){return e.styles&&e.styles}),o.breakpoints.medium,o.fontSizes.infoTitle,(0,o.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),(0,o.spacing)(5),o.breakpoints.wide,(0,o.spacing)(4));t.StandfirstContainer=y;var h=(0,i.default)(l.default).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-15qf29k-10"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],o.breakpoints.medium,(0,o.spacing)(6),o.breakpoints.wide);t.LeadAsset=h},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(10)),i=n(r(11)),o=n(r(12)),l=n(r(13)),s=n(r(14)),u=n(r(15)),d=n(r(16)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=v(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(3)),f=n(r(17)),p=r(1),m=r(18),g=n(r(19)),b=r(35),y=n(r(4)),h=r(7);function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,d.default)(e);if(t){var a=(0,d.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var O=function(e){(0,s.default)(r,e);var t=w(r);function r(e){var n;return(0,i.default)(this,r),(n=t.call(this,e)).renderHeader=n.renderHeader.bind((0,l.default)(n)),n}return(0,o.default)(r,[{key:"renderHeader",value:function(){var e=this.props.article,t=e.bylines,r=e.expirableFlags,n=e.hasVideo,i=e.headline,o=e.label,l=e.publicationName,s=e.publishedTime,u=e.shortHeadline,d=e.standfirst,f=e.updatedTime,b=t&&t.length>0&&t[0].image&&0!==Object.keys(t[0].image).length&&t[0].image.crop?t[0].image.crop.url:null;return c.default.createElement(c.Fragment,null,c.default.createElement(g.default,{authorImage:b,bylines:t,flags:r,hasVideo:n,headline:(0,p.getHeadline)(i,u),label:o,publicationName:l,publishedTime:s,standfirst:d,updatedTime:f}),c.default.createElement(h.LeadAsset,(0,a.default)({},(0,p.getLeadAsset)(e),{getImageCrop:p.getStandardTemplateCrop,renderCaption:function(e){var t=e.caption;return c.default.createElement(m.CentredCaption,t)},style:y.default.leadAssetContainer})))}},{key:"render",value:function(){var e=this.props,t=e.article,r=e.analyticsStream,n=e.error,a=e.isLoading,i=e.logoUrl,o=e.navigationMode,l=e.receiveChildList,s=e.commentingConfig,u=e.paidContentClassName,d=e.isPreview,p=e.swgProductId,m=e.additionalRelatedArticlesFlag,g=e.algoliaSearchKeys,b=e.latestFromSectionFlag,y=e.latestFromSection,h=e.olympicsKeys;return n||a?null:c.default.createElement(f.default,{analyticsStream:r,data:t,Header:this.renderHeader,logoUrl:i,receiveChildList:l,navigationMode:o,commentingConfig:s,paidContentClassName:u,isPreview:d,swgProductId:p,additionalRelatedArticlesFlag:m,algoliaSearchKeys:g,latestFromSectionFlag:b,latestFromSection:y,olympicsKeys:h})}}]),r}(c.Component);O.defaultProps=b.articleDefaultProps;var P=O;t.default=P},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(5)),i=n(r(3)),o=n(r(8)),l=r(1),s=n(r(20)),u=r(21),d=r(6),c=n(r(22)),f=n(r(27)),p=n(r(33)),m=r(34),g=n(r(4)),b=r(7);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=function(e,t){return(0,l.checkStylesForUnits)(h(h({},g.default.articleHeadline),{},{fontFamily:e?d.fonts[e]:null,textTransform:t||null}))},w=function(e){var t=e.authorImage,r=e.bylines,n=e.flags,a=e.hasVideo,l=e.headline,d=e.label,m=e.publicationName,y=e.publishedTime,h=e.standfirst,w=e.updatedTime;return i.default.createElement(o.default.Consumer,null,(function(e){var o=e.theme,O=o.headlineFont,P=o.headlineCase;return i.default.createElement(b.HeaderContainer,{styles:g.default.container},i.default.createElement(b.AuthorImageContainer,{style:g.default.authorImage},i.default.createElement(s.default,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.default.createElement(c.default,{isVideo:a,label:d}),i.default.createElement(b.HeadlineContainer,{role:"heading","aria-level":"1",styles:v(O,P)},l),i.default.createElement(b.FlagsContainer,null,i.default.createElement(u.UpdatedTimeProvider,{updatedTime:w},i.default.createElement(u.ArticleFlags,{flags:n}))),i.default.createElement(p.default,{standfirst:h}),i.default.createElement(f.default,{bylines:r,publicationName:m,publishedTime:y}))}))};w.defaultProps=m.articleHeaderDefaultProps;var O=w;t.default=O},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(3)),i=r(1),o=n(r(23)),l=n(r(24)),s=n(r(8)),u=r(6),d=r(25),c=n(r(4)),f=function(e){var t=e.isVideo,r=e.label;if(!t&&!r)return null;var n=t?l.default:o.default;return a.default.createElement(s.default.Consumer,null,(function(e){var t=e.theme.sectionColour;return a.default.createElement(i.TcView,{style:c.default.label},a.default.createElement(n,{color:t||u.colours.section.default,title:r}))}))};f.defaultProps=d.articleLabelDefaultProps;var p=f;t.default=p},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleLabelDefaultProps=t.articleLabelPropTypes=void 0;var a=n(r(2)),i={isVideo:a.default.bool,label:a.default.string};t.articleLabelPropTypes=i;t.articleLabelDefaultProps={isVideo:!1,label:null}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(5)),i=r(6);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s={articleHeadline:l(l({},(0,i.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:i.colours.functional.brandColour,marginBottom:(0,i.spacing)(2),textAlign:"center"}),authorImage:{marginBottom:(0,i.spacing)(5)},container:{alignItems:"center",marginBottom:(0,i.spacing)(5),marginLeft:(0,i.spacing)(2),marginRight:(0,i.spacing)(2),paddingTop:(0,i.spacing)(7)},containerTablet:{alignSelf:"center",width:i.tabletWidth},datePublication:l(l({},(0,i.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:i.colours.functional.secondary,marginTop:(0,i.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:(0,i.spacing)(2)},leadAssetContainer:{marginBottom:(0,i.spacing)(4)},leadAssetContainerTablet:{alignSelf:"center",width:i.tabletWidth-i.tabletRowPadding},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:(0,i.spacing)(1)},separator:{borderRightColor:i.colours.functional.keyline,borderRightWidth:1,height:(0,i.spacing)(3),marginLeft:(0,i.spacing)(2),marginRight:(0,i.spacing)(2)},standFirst:l(l({},(0,i.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:i.colours.functional.primary,marginBottom:(0,i.spacing)(3),paddingLeft:(0,i.spacing)(2),paddingRight:(0,i.spacing)(2),textAlign:"center"})};t.default=s},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(3)),i=r(28),o=n(r(29)),l=r(1),s=(n(r(30)),r(7)),u=n(r(4));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var c=function(e){var t=e.bylines,r=e.publicationName,n=e.publishedTime;return a.default.createElement(s.MetaContainer,null,(0,i.hasBylineData)(t)&&a.default.createElement(a.Fragment,null,a.default.createElement(s.Meta,{styles:u.default.meta},a.default.createElement(i.ArticleBylineWithLinks,{ast:t})),a.default.createElement(s.Separator,null)),a.default.createElement(s.Meta,{styles:u.default.meta},a.default.createElement(s.DatePublicationContainer,{styles:(0,l.checkStylesForUnits)(u.default.datePublication)},a.default.createElement(o.default,{date:n,publication:r}))))};t.default=c},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),i={bylines:a.default.arrayOf(a.default.shape({})).isRequired,publicationName:a.default.string.isRequired,publishedTime:a.default.string.isRequired};t.default=i},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(3)),i=(n(r(2)),r(1)),o=n(r(4)),l=r(7),s=function(e){var t=e.standfirst;return t?a.default.createElement(l.StandfirstContainer,{role:"heading","aria-level":"2",styles:(0,i.checkStylesForUnits)(o.default.standFirst),testID:"standfirst"},t):null};s.defaultProps={standfirst:null};var u=s;t.default=u},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleHeaderDefaultProps=t.articleHeaderPropTypes=void 0;var a=n(r(2)),i={authorImage:a.default.string.isRequired,bylines:a.default.arrayOf(a.default.shape({})).isRequired,flags:a.default.arrayOf(a.default.shape({expiryTime:a.default.string,type:a.default.string})),hasVideo:a.default.bool,headline:a.default.string.isRequired,label:a.default.string,longRead:a.default.bool,publicationName:a.default.string.isRequired,publishedTime:a.default.string.isRequired,standfirst:a.default.string,updatedTime:a.default.string};t.articleHeaderPropTypes=i;t.articleHeaderDefaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articleDefaultProps=t.articlePropTypes=void 0;var a=n(r(5)),i=n(r(2)),o=r(36);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u=s(s({},o.articlePagePropTypes),{},{commentingConfig:i.default.string.isRequired,navigationMode:i.default.shape({}).isRequired});t.articlePropTypes=u;var d=s({},o.articlePageDefaultProps);t.articleDefaultProps=d},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.articlePageDefaultProps=t.articlePagePropTypes=void 0;var a=n(r(2)),i={analyticsStream:a.default.func.isRequired,article:a.default.shape({}),error:a.default.shape({graphQLErrors:a.default.array,message:a.default.string,networkError:a.default.shape({message:a.default.string})}),isLoading:a.default.bool,onImagePress:a.default.func,receiveChildList:a.default.func.isRequired};t.articlePagePropTypes=i;t.articlePageDefaultProps={article:null,error:null,isLoading:!1,onImagePress:null}}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=15)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(2),i=n.n(r),a=n(8),o=n.n(a),s=n(3),l=n(9),c=n(5),p=n.n(c),d=n(10),u=n.n(d),m=n(6),g=n(0),b=n(11),f=n.n(b),y=n(12),h=n.n(y),O=n(1),w=n.n(O);w.a.bool,w.a.string;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:x(x({},Object(g.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:g.colours.functional.brandColour,marginBottom:Object(g.spacing)(2),textAlign:"center"}),authorImage:{marginBottom:Object(g.spacing)(5)},container:{alignItems:"center",marginBottom:Object(g.spacing)(5),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2),paddingTop:Object(g.spacing)(7)},containerTablet:{alignSelf:"center",width:g.tabletWidth},datePublication:x(x({},Object(g.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:g.colours.functional.secondary,marginTop:Object(g.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(g.spacing)(2)},leadAssetContainer:{marginBottom:Object(g.spacing)(4)},leadAssetContainerTablet:{alignSelf:"center",width:g.tabletWidth-g.tabletRowPadding},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(g.spacing)(1)},separator:{borderRightColor:g.colours.functional.keyline,borderRightWidth:1,height:Object(g.spacing)(3),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2)},standFirst:x(x({},Object(g.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:g.colours.functional.primary,marginBottom:Object(g.spacing)(3),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),textAlign:"center"})});const S=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const r=t?h.a:f.a;return i.a.createElement(p.a.Consumer,null,e=>{let t=e.theme.sectionColour;return i.a.createElement(s.TcView,{style:k.label},i.a.createElement(r,{color:t||g.colours.section.default,title:n}))})};S.defaultProps={isVideo:!1,label:null};var q=S,E=n(7),T=n(13),_=n.n(T);w.a.arrayOf(w.a.shape({})).isRequired,w.a.string.isRequired,w.a.string.isRequired;var I=n(4),R=n.n(I),F=n(14),D=n.n(F);const N=R()(s.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"sc-15qf29k-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],g.breakpoints.medium),H=R()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-15qf29k-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(g.spacing)(3),g.breakpoints.medium),L=R()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-15qf29k-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(g.spacing)(1),Object(g.spacing)(3),g.breakpoints.medium),V=R()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15qf29k-3"})([""," order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],e=>e.styles&&e.styles,g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),A=R.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15qf29k-4"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;'," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.articleHeadline,Object(g.spacing)(1)),M=(R()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15qf29k-5"})(["@media (min-width:","px){margin-top:0px;}"],g.breakpoints.wide),R()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-15qf29k-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,g.breakpoints.medium)),z=R()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-15qf29k-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],g.breakpoints.medium),B=R()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-15qf29k-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],g.breakpoints.medium,g.colours.functional.keyline,Object(g.spacing)(3),Object(g.spacing)(2)),U=R.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-15qf29k-9"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;'," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.infoTitle,Object(g.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(g.spacing)(5),g.breakpoints.wide,Object(g.spacing)(4)),W=R()(D.a).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-15qf29k-10"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide);var K=e=>{let t=e.bylines,n=e.publicationName,a=e.publishedTime;return i.a.createElement(z,null,Object(E.hasBylineData)(t)&&i.a.createElement(r.Fragment,null,i.a.createElement(M,{styles:k.meta},i.a.createElement(E.ArticleBylineWithLinks,{ast:t})),i.a.createElement(B,null)),i.a.createElement(M,{styles:k.meta},i.a.createElement(H,{styles:Object(s.checkStylesForUnits)(k.datePublication)},i.a.createElement(_.a,{date:a,publication:n}))))};const Q=e=>{let t=e.standfirst;return t?i.a.createElement(U,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(k.standFirst),testID:"standfirst"},t):null};Q.defaultProps={standfirst:null};var G=Q;w.a.string.isRequired,w.a.arrayOf(w.a.shape({})).isRequired,w.a.arrayOf(w.a.shape({expiryTime:w.a.string,type:w.a.string})),w.a.bool,w.a.string.isRequired,w.a.string,w.a.bool,w.a.string.isRequired,w.a.string.isRequired,w.a.string,w.a.string;function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){Y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Z=(e,t)=>Object(s.checkStylesForUnits)(X(X({},k.articleHeadline),{},{fontFamily:e?g.fonts[e]:null,textTransform:t||null})),$=e=>{let t=e.authorImage,n=e.bylines,r=e.flags,a=e.hasVideo,o=e.headline,s=e.label,l=e.publicationName,c=e.publishedTime,d=e.standfirst,g=e.updatedTime;return i.a.createElement(p.a.Consumer,null,e=>{let p=e.theme,b=p.headlineFont,f=p.headlineCase;return i.a.createElement(V,{styles:k.container},i.a.createElement(N,{style:k.authorImage},i.a.createElement(u.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.a.createElement(q,{isVideo:a,label:s}),i.a.createElement(A,{role:"heading","aria-level":"1",styles:Z(b,f)},o),i.a.createElement(L,null,i.a.createElement(m.UpdatedTimeProvider,{updatedTime:g},i.a.createElement(m.ArticleFlags,{flags:r}))),i.a.createElement(G,{standfirst:d}),i.a.createElement(K,{bylines:n,publicationName:l,publishedTime:c}))})};$.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var ee=$;function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}ne(ne({},{analyticsStream:w.a.func.isRequired,article:w.a.shape({}),error:w.a.shape({graphQLErrors:w.a.array,message:w.a.string,networkError:w.a.shape({message:w.a.string})}),isLoading:w.a.bool,onImagePress:w.a.func,receiveChildList:w.a.func.isRequired}),{},{commentingConfig:w.a.string.isRequired,navigationMode:w.a.shape({}).isRequired});const ie=ne({},{article:null,error:null,isLoading:!1,onImagePress:null});function ae(){return(ae=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}class oe extends r.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props.article,t=e.bylines,n=e.expirableFlags,a=e.hasVideo,o=e.headline,c=e.label,p=e.publicationName,d=e.publishedTime,u=e.shortHeadline,m=e.standfirst,g=e.updatedTime,b=t&&t.length>0&&t[0].image&&0!==Object.keys(t[0].image).length&&t[0].image.crop?t[0].image.crop.url:null;return i.a.createElement(r.Fragment,null,i.a.createElement(ee,{authorImage:b,bylines:t,flags:n,hasVideo:a,headline:Object(s.getHeadline)(o,u),label:c,publicationName:p,publishedTime:d,standfirst:m,updatedTime:g}),i.a.createElement(W,ae({},Object(s.getLeadAsset)(e),{getImageCrop:s.getStandardTemplateCrop,renderCaption:e=>{let t=e.caption;return i.a.createElement(l.CentredCaption,t)},style:k.leadAssetContainer})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,r=e.error,a=e.isLoading,s=e.logoUrl,l=e.navigationMode,c=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,u=e.isPreview,m=e.swgProductId,g=e.additionalRelatedArticlesFlag,b=e.algoliaSearchKeys,f=e.latestFromSectionFlag,y=e.latestFromSection,h=e.olympicsKeys;return r||a?null:i.a.createElement(o.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:c,navigationMode:l,commentingConfig:p,paidContentClassName:d,isPreview:u,swgProductId:m,additionalRelatedArticlesFlag:g,algoliaSearchKeys:b,latestFromSectionFlag:f,latestFromSection:y,olympicsKeys:h})}}oe.defaultProps=ie;t.default=oe}]);

package/tsconfig.jest.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "rootDir": "src",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "module": "commonjs",
+    "esModuleInterop": true
+  }
+}