@times-components/related-articles 6.11.26 → 6.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.12.0](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.26...@times-components/related-articles@6.12.0) (2022-08-18)
7
+
8
+
9
+ ### Features
10
+
11
+ * **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)
12
+
13
+
14
+
15
+
16
+
6
17
  ## [6.11.26](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.25...@times-components/related-articles@6.11.26) (2022-08-12)
7
18
 
8
19
  **Note:** Version bump only for package @times-components/related-articles
package/babel.config.js CHANGED
@@ -3,8 +3,12 @@ module.exports = api => {
3
3
  return {
4
4
  plugins: [
5
5
  "babel-plugin-styled-components",
6
- "@babel/plugin-transform-react-display-name"
6
+ "@babel/plugin-proposal-class-properties"
7
7
  ],
8
- presets: ["module:metro-react-native-babel-preset"]
8
+ presets: [
9
+ "@babel/preset-env",
10
+ "@babel/preset-react",
11
+ "@babel/preset-typescript"
12
+ ]
9
13
  };
10
14
  };
@@ -1 +1,62 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.sharedDefaultProps=exports.sharedPropTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _markupForest=require("@times-components/markup-forest");var sharedPropTypes={article:_propTypes.default.shape({bylines:_propTypes.default.arrayOf(_markupForest.propTypes),hasVideo:_propTypes.default.bool,headline:_propTypes.default.string,label:_propTypes.default.string,publishedTime:_propTypes.default.string.isRequired,shortHeadline:_propTypes.default.string,summary105:_propTypes.default.arrayOf(_markupForest.propTypes),summary125:_propTypes.default.arrayOf(_markupForest.propTypes).isRequired,summary145:_propTypes.default.arrayOf(_markupForest.propTypes),summary160:_propTypes.default.arrayOf(_markupForest.propTypes),summary175:_propTypes.default.arrayOf(_markupForest.propTypes),summary225:_propTypes.default.arrayOf(_markupForest.propTypes),url:_propTypes.default.string}),imageConfig:_propTypes.default.shape({cropSize:_propTypes.default.string,imageRatio:_propTypes.default.number,style:_propTypes.default.object}),isOpinionByline:_propTypes.default.bool,isReversed:_propTypes.default.bool,showImage:_propTypes.default.bool,showSummary:_propTypes.default.bool,summaryConfig:_propTypes.default.shape({lengths:_propTypes.default.arrayOf(_propTypes.default.number),style:_propTypes.default.object,type:_propTypes.default.string})};exports.sharedPropTypes=sharedPropTypes;var sharedDefaultProps={article:null,hasVideo:false,imageConfig:{},isOpinionByline:false,isReversed:false,showImage:true,showSummary:true,summary105:[],summary145:[],summary160:[],summary175:[],summary225:[],summaryConfig:{}};exports.sharedDefaultProps=sharedDefaultProps;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.sharedDefaultProps = exports.sharedPropTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _markupForest = require("@times-components/markup-forest");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
14
+ /* eslint-disable react/forbid-prop-types */
15
+ var sharedPropTypes = {
16
+ article: _propTypes["default"].shape({
17
+ bylines: _propTypes["default"].arrayOf(_markupForest.propTypes),
18
+ hasVideo: _propTypes["default"].bool,
19
+ headline: _propTypes["default"].string,
20
+ label: _propTypes["default"].string,
21
+ publishedTime: _propTypes["default"].string.isRequired,
22
+ shortHeadline: _propTypes["default"].string,
23
+ summary105: _propTypes["default"].arrayOf(_markupForest.propTypes),
24
+ summary125: _propTypes["default"].arrayOf(_markupForest.propTypes).isRequired,
25
+ summary145: _propTypes["default"].arrayOf(_markupForest.propTypes),
26
+ summary160: _propTypes["default"].arrayOf(_markupForest.propTypes),
27
+ summary175: _propTypes["default"].arrayOf(_markupForest.propTypes),
28
+ summary225: _propTypes["default"].arrayOf(_markupForest.propTypes),
29
+ url: _propTypes["default"].string
30
+ }),
31
+ imageConfig: _propTypes["default"].shape({
32
+ cropSize: _propTypes["default"].string,
33
+ imageRatio: _propTypes["default"].number,
34
+ style: _propTypes["default"].object
35
+ }),
36
+ isOpinionByline: _propTypes["default"].bool,
37
+ isReversed: _propTypes["default"].bool,
38
+ showImage: _propTypes["default"].bool,
39
+ showSummary: _propTypes["default"].bool,
40
+ summaryConfig: _propTypes["default"].shape({
41
+ lengths: _propTypes["default"].arrayOf(_propTypes["default"].number),
42
+ style: _propTypes["default"].object,
43
+ type: _propTypes["default"].string
44
+ })
45
+ };
46
+ exports.sharedPropTypes = sharedPropTypes;
47
+ var sharedDefaultProps = {
48
+ article: null,
49
+ hasVideo: false,
50
+ imageConfig: {},
51
+ isOpinionByline: false,
52
+ isReversed: false,
53
+ showImage: true,
54
+ showSummary: true,
55
+ summary105: [],
56
+ summary145: [],
57
+ summary160: [],
58
+ summary175: [],
59
+ summary225: [],
60
+ summaryConfig: {}
61
+ };
62
+ exports.sharedDefaultProps = sharedDefaultProps;
@@ -1 +1,36 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.relatedArticleItemDefaultProps=exports.relatedArticleItemPropTypes=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _relatedArticleItemPropTypesBase=require("./related-article-item-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 relatedArticleItemPropTypes=_objectSpread(_objectSpread({},_relatedArticleItemPropTypesBase.sharedPropTypes),{},{bylineClass:_propTypes.default.string,contentContainerClass:_propTypes.default.string,headlineClass:_propTypes.default.string,imageContainerClass:_propTypes.default.string});exports.relatedArticleItemPropTypes=relatedArticleItemPropTypes;var relatedArticleItemDefaultProps=_objectSpread(_objectSpread({},_relatedArticleItemPropTypesBase.sharedDefaultProps),{},{bylineClass:"",contentContainerClass:"",headlineClass:"",imageContainerClass:""});exports.relatedArticleItemDefaultProps=relatedArticleItemDefaultProps;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.relatedArticleItemDefaultProps = exports.relatedArticleItemPropTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _relatedArticleItemPropTypesBase = require("./related-article-item-prop-types-base");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
14
+ 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; }
15
+
16
+ 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; }
17
+
18
+ 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; }
19
+
20
+ var relatedArticleItemPropTypes = _objectSpread(_objectSpread({}, _relatedArticleItemPropTypesBase.sharedPropTypes), {}, {
21
+ bylineClass: _propTypes["default"].string,
22
+ contentContainerClass: _propTypes["default"].string,
23
+ headlineClass: _propTypes["default"].string,
24
+ imageContainerClass: _propTypes["default"].string
25
+ });
26
+
27
+ exports.relatedArticleItemPropTypes = relatedArticleItemPropTypes;
28
+
29
+ var relatedArticleItemDefaultProps = _objectSpread(_objectSpread({}, _relatedArticleItemPropTypesBase.sharedDefaultProps), {}, {
30
+ bylineClass: "",
31
+ contentContainerClass: "",
32
+ headlineClass: "",
33
+ imageContainerClass: ""
34
+ });
35
+
36
+ exports.relatedArticleItemDefaultProps = relatedArticleItemDefaultProps;
@@ -1 +1,208 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _utils=require("@times-components/utils");var _lodash=_interopRequireDefault(require("lodash.get"));var _articleSummary=_interopRequireWildcard(require("@times-components/article-summary"));var _card=_interopRequireDefault(require("@times-components/card"));var _tsStyleguide=require("@times-components/ts-styleguide");var _relatedArticleItemPropTypes=require("./related-article-item-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _utils2=_interopRequireDefault(require("./utils"));var _jsxFileName="/home/circleci/project/packages/related-articles/src/related-article-item.base.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 getImageUri=function getImageUri(leadAsset,leadAssetOverride,cropSize){var asset=leadAssetOverride||leadAsset;if(!asset){return null;}return asset.posterImage?(0,_lodash.default)(asset,"posterImage.crop"+cropSize+".url"):(0,_lodash.default)(asset,"crop"+cropSize+".url");};var RelatedArticleItem=function(_Component){(0,_inherits2.default)(RelatedArticleItem,_Component);var _super=_createSuper(RelatedArticleItem);function RelatedArticleItem(props){var _this;(0,_classCallCheck2.default)(this,RelatedArticleItem);_this=_super.call(this,props);_this.node=(0,_react.createRef)();_this.state={highResSize:null};return _this;}(0,_createClass2.default)(RelatedArticleItem,[{key:"componentDidMount",value:function componentDidMount(){var imageConfig=this.props.imageConfig;if(imageConfig.showHiRes){this.setHighResSize();}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var imageConfig=this.props.imageConfig;if(prevProps.imageConfig.showHiRes!==imageConfig.showHiRes&&imageConfig.showHiRes){this.setHighResSize();}}},{key:"setHighResSize",value:function setHighResSize(){this.setState({highResSize:this.node.current.clientWidth});}},{key:"render",value:function render(){var _this$props=this.props,_this$props$article=_this$props.article,bylines=_this$props$article.bylines,hasVideo=_this$props$article.hasVideo,headline=_this$props$article.headline,label=_this$props$article.label,leadAsset=_this$props$article.leadAsset,publishedTime=_this$props$article.publishedTime,section=_this$props$article.section,shortHeadline=_this$props$article.shortHeadline,bylineClass=_this$props.bylineClass,children=_this$props.children,contentContainerClass=_this$props.contentContainerClass,headlineClass=_this$props.headlineClass,_this$props$imageConf=_this$props.imageConfig,_this$props$imageConf2=_this$props$imageConf.cropSize,cropSize=_this$props$imageConf2===void 0?"169":_this$props$imageConf2,_this$props$imageConf3=_this$props$imageConf.imageRatio,imageRatio=_this$props$imageConf3===void 0?16/9:_this$props$imageConf3,_this$props$imageConf4=_this$props$imageConf.style,imageStyle=_this$props$imageConf4===void 0?{}:_this$props$imageConf4,imageContainerClass=_this$props.imageContainerClass,isOpinionByline=_this$props.isOpinionByline,isReversed=_this$props.isReversed,leadAssetOverride=_this$props.leadAssetOverride,onPress=_this$props.onPress,showImage=_this$props.showImage,showSummary=_this$props.showSummary,_this$props$summaryCo=_this$props.summaryConfig,_this$props$summaryCo2=_this$props$summaryCo.lengths,summaryLengths=_this$props$summaryCo2===void 0?[]:_this$props$summaryCo2,_this$props$summaryCo3=_this$props$summaryCo.style,summaryStyle=_this$props$summaryCo3===void 0?{}:_this$props$summaryCo3,summaryType=_this$props$summaryCo.type;var article=this.props.article;var highResSize=this.state.highResSize;var imageUri=getImageUri(leadAsset,leadAssetOverride,cropSize);return children({article:article,card:_react.default.createElement(_utils.TcView,{ref:this.node,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:9}},_react.default.createElement(_card.default,{contentContainerClass:contentContainerClass,highResSize:highResSize,imageContainerClass:imageContainerClass,imageAccessibilityLabel:shortHeadline,imageRatio:imageRatio,imageStyle:imageStyle,imageUri:imageUri,isReversed:isReversed,lowResQuality:3,lowResSize:200,relatedArticle:true,showImage:showImage,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:11}},_react.default.createElement(_articleSummary.default,{bylineProps:{ast:bylines,bylineClass:bylineClass,color:_tsStyleguide.colours.section[section]||_tsStyleguide.colours.section.default,isOpinionByline:isOpinionByline},content:showSummary&&_react.default.createElement(_utils.TcView,{style:summaryStyle,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:19}},summaryLengths.map(function(item){var summaryClassSuffix=item+"Class";var summaryClass=summaryType?summaryType+"Summary":"summary";return _react.default.createElement(_articleSummary.ArticleSummaryContent,{ast:article["summary"+item],className:"summaryHidden "+summaryClass+summaryClassSuffix,key:item,__source:{fileName:_jsxFileName,lineNumber:137,columnNumber:25}});})),datePublicationProps:{date:publishedTime,showDay:false},headline:_react.default.createElement(_articleSummary.ArticleSummaryHeadline,{className:headlineClass,headline:(0,_utils2.default)(headline,shortHeadline),style:_styles.default.headline,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:17}}),labelProps:{color:_tsStyleguide.colours.section[section]||_tsStyleguide.colours.section.default,isVideo:hasVideo,title:label},__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:13}}))),onPress:onPress});}}]);return RelatedArticleItem;}(_react.Component);RelatedArticleItem.propTypes=_relatedArticleItemPropTypes.relatedArticleItemPropTypes;RelatedArticleItem.defaultProps=_relatedArticleItemPropTypes.relatedArticleItemDefaultProps;var _default=RelatedArticleItem;exports.default=_default;
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _utils = require("@times-components/utils");
13
+
14
+ var _lodash = _interopRequireDefault(require("lodash.get"));
15
+
16
+ var _articleSummary = _interopRequireWildcard(require("@times-components/article-summary"));
17
+
18
+ var _card = _interopRequireDefault(require("@times-components/card"));
19
+
20
+ var _tsStyleguide = require("@times-components/ts-styleguide");
21
+
22
+ var _relatedArticleItemPropTypes = require("./related-article-item-prop-types");
23
+
24
+ var _styles = _interopRequireDefault(require("./styles"));
25
+
26
+ var _utils2 = _interopRequireDefault(require("./utils"));
27
+
28
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
+
30
+ 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); }
31
+
32
+ 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; }
33
+
34
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
35
+
36
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
37
+
38
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
39
+
40
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
41
+
42
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
43
+
44
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
45
+
46
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
47
+
48
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
49
+
50
+ 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; } }
51
+
52
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
53
+
54
+ var getImageUri = function getImageUri(leadAsset, leadAssetOverride, cropSize) {
55
+ var asset = leadAssetOverride || leadAsset;
56
+
57
+ if (!asset) {
58
+ return null;
59
+ }
60
+
61
+ return asset.posterImage ? (0, _lodash["default"])(asset, "posterImage.crop".concat(cropSize, ".url")) : (0, _lodash["default"])(asset, "crop".concat(cropSize, ".url"));
62
+ };
63
+
64
+ var RelatedArticleItem = /*#__PURE__*/function (_Component) {
65
+ _inherits(RelatedArticleItem, _Component);
66
+
67
+ var _super = _createSuper(RelatedArticleItem);
68
+
69
+ function RelatedArticleItem(props) {
70
+ var _this;
71
+
72
+ _classCallCheck(this, RelatedArticleItem);
73
+
74
+ _this = _super.call(this, props);
75
+ _this.node = (0, _react.createRef)();
76
+ _this.state = {
77
+ highResSize: null
78
+ };
79
+ return _this;
80
+ }
81
+
82
+ _createClass(RelatedArticleItem, [{
83
+ key: "componentDidMount",
84
+ value: function componentDidMount() {
85
+ var imageConfig = this.props.imageConfig;
86
+
87
+ if (imageConfig.showHiRes) {
88
+ this.setHighResSize();
89
+ }
90
+ }
91
+ }, {
92
+ key: "componentDidUpdate",
93
+ value: function componentDidUpdate(prevProps) {
94
+ var imageConfig = this.props.imageConfig;
95
+
96
+ if (prevProps.imageConfig.showHiRes !== imageConfig.showHiRes && imageConfig.showHiRes) {
97
+ this.setHighResSize();
98
+ }
99
+ }
100
+ }, {
101
+ key: "setHighResSize",
102
+ value: function setHighResSize() {
103
+ this.setState({
104
+ highResSize: this.node.current.clientWidth
105
+ });
106
+ }
107
+ }, {
108
+ key: "render",
109
+ value: function render() {
110
+ var _this$props = this.props,
111
+ _this$props$article = _this$props.article,
112
+ bylines = _this$props$article.bylines,
113
+ hasVideo = _this$props$article.hasVideo,
114
+ headline = _this$props$article.headline,
115
+ label = _this$props$article.label,
116
+ leadAsset = _this$props$article.leadAsset,
117
+ publishedTime = _this$props$article.publishedTime,
118
+ section = _this$props$article.section,
119
+ shortHeadline = _this$props$article.shortHeadline,
120
+ bylineClass = _this$props.bylineClass,
121
+ children = _this$props.children,
122
+ contentContainerClass = _this$props.contentContainerClass,
123
+ headlineClass = _this$props.headlineClass,
124
+ _this$props$imageConf = _this$props.imageConfig,
125
+ _this$props$imageConf2 = _this$props$imageConf.cropSize,
126
+ cropSize = _this$props$imageConf2 === void 0 ? "169" : _this$props$imageConf2,
127
+ _this$props$imageConf3 = _this$props$imageConf.imageRatio,
128
+ imageRatio = _this$props$imageConf3 === void 0 ? 16 / 9 : _this$props$imageConf3,
129
+ _this$props$imageConf4 = _this$props$imageConf.style,
130
+ imageStyle = _this$props$imageConf4 === void 0 ? {} : _this$props$imageConf4,
131
+ imageContainerClass = _this$props.imageContainerClass,
132
+ isOpinionByline = _this$props.isOpinionByline,
133
+ isReversed = _this$props.isReversed,
134
+ leadAssetOverride = _this$props.leadAssetOverride,
135
+ onPress = _this$props.onPress,
136
+ showImage = _this$props.showImage,
137
+ showSummary = _this$props.showSummary,
138
+ _this$props$summaryCo = _this$props.summaryConfig,
139
+ _this$props$summaryCo2 = _this$props$summaryCo.lengths,
140
+ summaryLengths = _this$props$summaryCo2 === void 0 ? [] : _this$props$summaryCo2,
141
+ _this$props$summaryCo3 = _this$props$summaryCo.style,
142
+ summaryStyle = _this$props$summaryCo3 === void 0 ? {} : _this$props$summaryCo3,
143
+ summaryType = _this$props$summaryCo.type;
144
+ var article = this.props.article;
145
+ var highResSize = this.state.highResSize;
146
+ var imageUri = getImageUri(leadAsset, leadAssetOverride, cropSize);
147
+ return children({
148
+ article: article,
149
+ card: /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
150
+ ref: this.node
151
+ }, /*#__PURE__*/_react["default"].createElement(_card["default"], {
152
+ contentContainerClass: contentContainerClass,
153
+ highResSize: highResSize,
154
+ imageContainerClass: imageContainerClass,
155
+ imageAccessibilityLabel: shortHeadline,
156
+ imageRatio: imageRatio,
157
+ imageStyle: imageStyle,
158
+ imageUri: imageUri,
159
+ isReversed: isReversed,
160
+ lowResQuality: 3,
161
+ lowResSize: 200,
162
+ relatedArticle: true,
163
+ showImage: showImage
164
+ }, /*#__PURE__*/_react["default"].createElement(_articleSummary["default"], {
165
+ bylineProps: {
166
+ ast: bylines,
167
+ bylineClass: bylineClass,
168
+ color: _tsStyleguide.colours.section[section] || _tsStyleguide.colours.section["default"],
169
+ isOpinionByline: isOpinionByline
170
+ },
171
+ content: showSummary && /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
172
+ style: summaryStyle
173
+ }, summaryLengths.map(function (item) {
174
+ var summaryClassSuffix = "".concat(item, "Class");
175
+ var summaryClass = summaryType ? "".concat(summaryType, "Summary") : "summary";
176
+ return /*#__PURE__*/_react["default"].createElement(_articleSummary.ArticleSummaryContent, {
177
+ ast: article["summary".concat(item)],
178
+ className: "summaryHidden ".concat(summaryClass).concat(summaryClassSuffix),
179
+ key: item
180
+ });
181
+ })),
182
+ datePublicationProps: {
183
+ date: publishedTime,
184
+ showDay: false
185
+ },
186
+ headline: /*#__PURE__*/_react["default"].createElement(_articleSummary.ArticleSummaryHeadline, {
187
+ className: headlineClass,
188
+ headline: (0, _utils2["default"])(headline, shortHeadline),
189
+ style: _styles["default"].headline
190
+ }),
191
+ labelProps: {
192
+ color: _tsStyleguide.colours.section[section] || _tsStyleguide.colours.section["default"],
193
+ isVideo: hasVideo,
194
+ title: label
195
+ }
196
+ }))),
197
+ onPress: onPress
198
+ });
199
+ }
200
+ }]);
201
+
202
+ return RelatedArticleItem;
203
+ }(_react.Component);
204
+
205
+ RelatedArticleItem.propTypes = _relatedArticleItemPropTypes.relatedArticleItemPropTypes;
206
+ RelatedArticleItem.defaultProps = _relatedArticleItemPropTypes.relatedArticleItemDefaultProps;
207
+ var _default = RelatedArticleItem;
208
+ exports["default"] = _default;
@@ -1 +1,48 @@
1
- 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 _react=_interopRequireDefault(require("react"));var _context=_interopRequireDefault(require("@times-components/context"));var _link=_interopRequireDefault(require("@times-components/link"));var _relatedArticleItem=_interopRequireDefault(require("./related-article-item.base"));var _relatedArticlesItemTrackingEvents=_interopRequireDefault(require("./related-articles-item-tracking-events"));var _jsxFileName="/home/circleci/project/packages/related-articles/src/related-article-item.js";var RelatedArticleItemWeb=function RelatedArticleItemWeb(props){return _react.default.createElement("div",{"data-testid":"related-article-item",__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:3}},_react.default.createElement(_relatedArticleItem.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:5}}),function(_ref){var article=_ref.article,card=_ref.card,_onPress=_ref.onPress;return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:9}},function(_ref2){var makeArticleUrl=_ref2.makeArticleUrl;return _react.default.createElement(_link.default,{linkStyle:{padding:10},onPress:function onPress(e){return _onPress(e,{url:makeArticleUrl(article)});},url:makeArticleUrl(article),__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:13}},card);});}));};RelatedArticleItemWeb.displayName="RelatedArticleItem";var _default=(0,_relatedArticlesItemTrackingEvents.default)(RelatedArticleItemWeb);exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _context = _interopRequireDefault(require("@times-components/context"));
11
+
12
+ var _link = _interopRequireDefault(require("@times-components/link"));
13
+
14
+ var _relatedArticleItem = _interopRequireDefault(require("./related-article-item.base"));
15
+
16
+ var _relatedArticlesItemTrackingEvents = _interopRequireDefault(require("./related-articles-item-tracking-events"));
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
20
+ var RelatedArticleItemWeb = function RelatedArticleItemWeb(props) {
21
+ return /*#__PURE__*/_react["default"].createElement("div", {
22
+ "data-testid": "related-article-item"
23
+ }, /*#__PURE__*/_react["default"].createElement(_relatedArticleItem["default"], props, function (_ref) {
24
+ var article = _ref.article,
25
+ card = _ref.card,
26
+ _onPress = _ref.onPress;
27
+ return /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (_ref2) {
28
+ var makeArticleUrl = _ref2.makeArticleUrl;
29
+ return /*#__PURE__*/_react["default"].createElement(_link["default"], {
30
+ linkStyle: {
31
+ padding: 10
32
+ },
33
+ onPress: function onPress(e) {
34
+ return _onPress(e, {
35
+ url: makeArticleUrl(article)
36
+ });
37
+ },
38
+ url: makeArticleUrl(article)
39
+ }, card);
40
+ });
41
+ }));
42
+ };
43
+
44
+ RelatedArticleItemWeb.displayName = "RelatedArticleItem";
45
+
46
+ var _default = (0, _relatedArticlesItemTrackingEvents["default"])(RelatedArticleItemWeb);
47
+
48
+ exports["default"] = _default;
@@ -1 +1,47 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.HeadingForRelatedArticles=void 0;var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/related-articles/src/related-articles-heading.js";var HeadingForRelatedArticles=_styledComponents.default.h3.withConfig({displayName:"related-articles-heading__HeadingForRelatedArticles",componentId:"sc-1m1bjcq-0"})(["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;",";"],function(props){return props.styles&&props.styles;});exports.HeadingForRelatedArticles=HeadingForRelatedArticles;var RelatedArticlesHeading=function RelatedArticlesHeading(_ref){var heading=_ref.heading;return _react.default.createElement(_utils.TcView,{style:_styles.default.titleContainer,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:3}},_react.default.createElement(HeadingForRelatedArticles,{role:"heading","aria-level":"3",styles:(0,_utils.checkStylesForUnits)(_styles.default.title),__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},heading));};RelatedArticlesHeading.propTypes={heading:_propTypes.default.string};RelatedArticlesHeading.defaultProps={heading:"Related articles"};var _default=RelatedArticlesHeading;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.HeadingForRelatedArticles = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _utils = require("@times-components/utils");
13
+
14
+ var _propTypes = _interopRequireDefault(require("prop-types"));
15
+
16
+ var _styles = _interopRequireDefault(require("./styles"));
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
20
+ var HeadingForRelatedArticles = _styledComponents["default"].h3.withConfig({
21
+ displayName: "related-articles-heading__HeadingForRelatedArticles",
22
+ componentId: "sc-1m1bjcq-0"
23
+ })(["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;", ";"], function (props) {
24
+ return props.styles && props.styles;
25
+ });
26
+
27
+ exports.HeadingForRelatedArticles = HeadingForRelatedArticles;
28
+
29
+ var RelatedArticlesHeading = function RelatedArticlesHeading(_ref) {
30
+ var heading = _ref.heading;
31
+ return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
32
+ style: _styles["default"].titleContainer
33
+ }, /*#__PURE__*/_react["default"].createElement(HeadingForRelatedArticles, {
34
+ role: "heading",
35
+ "aria-level": "3",
36
+ styles: (0, _utils.checkStylesForUnits)(_styles["default"].title)
37
+ }, heading));
38
+ };
39
+
40
+ RelatedArticlesHeading.propTypes = {
41
+ heading: _propTypes["default"].string
42
+ };
43
+ RelatedArticlesHeading.defaultProps = {
44
+ heading: "Related articles"
45
+ };
46
+ var _default = RelatedArticlesHeading;
47
+ exports["default"] = _default;
@@ -1 +1,31 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tracking=require("@times-components/tracking");var _default=function _default(Component){return(0,_tracking.withTrackEvents)(Component,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function getAttrs(_ref){var _ref$article=_ref.article,headline=_ref$article.headline,id=_ref$article.id,url=_ref$article.url,shortHeadline=_ref$article.shortHeadline;return{targetArticleHeadline:shortHeadline||headline,targetArticleId:id,targetArticleUrl:url};}}]});};exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _tracking = require("@times-components/tracking");
9
+
10
+ var _default = function _default(Component) {
11
+ return (0, _tracking.withTrackEvents)(Component, {
12
+ analyticsEvents: [{
13
+ actionName: "Pressed",
14
+ eventName: "onPress",
15
+ getAttrs: function getAttrs(_ref) {
16
+ var _ref$article = _ref.article,
17
+ headline = _ref$article.headline,
18
+ id = _ref$article.id,
19
+ url = _ref$article.url,
20
+ shortHeadline = _ref$article.shortHeadline;
21
+ return {
22
+ targetArticleHeadline: shortHeadline || headline,
23
+ targetArticleId: id,
24
+ targetArticleUrl: url
25
+ };
26
+ }
27
+ }]
28
+ });
29
+ };
30
+
31
+ exports["default"] = _default;
@@ -1 +1,22 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _relatedArticleItemPropTypes=require("./related-article-item-prop-types");var _default={slice:_propTypes.default.shape({items:_propTypes.default.arrayOf(_propTypes.default.shape({article:_relatedArticleItemPropTypes.relatedArticleItemPropTypes.article})),sliceName:_propTypes.default.string.isRequired}).isRequired};exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _relatedArticleItemPropTypes = require("./related-article-item-prop-types");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
14
+ var _default = {
15
+ slice: _propTypes["default"].shape({
16
+ items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
17
+ article: _relatedArticleItemPropTypes.relatedArticleItemPropTypes.article
18
+ })),
19
+ sliceName: _propTypes["default"].string.isRequired
20
+ }).isRequired
21
+ };
22
+ exports["default"] = _default;
@@ -1 +1,13 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _relatedArticlesPropTypesBase=_interopRequireDefault(require("./related-articles-prop-types-base"));var _default=_relatedArticlesPropTypesBase.default;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _relatedArticlesPropTypesBase = _interopRequireDefault(require("./related-articles-prop-types-base"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var _default = _relatedArticlesPropTypesBase["default"];
13
+ exports["default"] = _default;
@@ -1 +1,50 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tracking=require("@times-components/tracking");var _utils=_interopRequireDefault(require("./utils"));var _roles=_interopRequireDefault(require("./roles"));var _default=function _default(Component){return(0,_tracking.withTrackingContext)(Component,{getAttrs:function getAttrs(_ref){var slice=_ref.slice;var items=slice.items,sliceName=slice.sliceName;if(!sliceName)return null;var standardTracking=function standardTracking(){return items.map(function(_ref2,index){var article=_ref2.article;var headline=article.headline,id=article.id,shortHeadline=article.shortHeadline;return{headline:(0,_utils.default)(headline,shortHeadline),id:id,role:_roles.default[index]};});};var trackingObject={articles:[],template:sliceName};if(!items)return trackingObject;trackingObject.articles=standardTracking();return trackingObject;},trackingObjectName:"Article"});};exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _tracking = require("@times-components/tracking");
9
+
10
+ var _utils = _interopRequireDefault(require("./utils"));
11
+
12
+ var _roles = _interopRequireDefault(require("./roles"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
16
+ var _default = function _default(Component) {
17
+ return (0, _tracking.withTrackingContext)(Component, {
18
+ getAttrs: function getAttrs(_ref) {
19
+ var slice = _ref.slice;
20
+ var items = slice.items,
21
+ sliceName = slice.sliceName;
22
+ if (!sliceName) return null;
23
+
24
+ var standardTracking = function standardTracking() {
25
+ return items.map(function (_ref2, index) {
26
+ var article = _ref2.article;
27
+ var headline = article.headline,
28
+ id = article.id,
29
+ shortHeadline = article.shortHeadline;
30
+ return {
31
+ headline: (0, _utils["default"])(headline, shortHeadline),
32
+ id: id,
33
+ role: _roles["default"][index]
34
+ };
35
+ });
36
+ };
37
+
38
+ var trackingObject = {
39
+ articles: [],
40
+ template: sliceName
41
+ };
42
+ if (!items) return trackingObject;
43
+ trackingObject.articles = standardTracking();
44
+ return trackingObject;
45
+ },
46
+ trackingObjectName: "Article"
47
+ });
48
+ };
49
+
50
+ exports["default"] = _default;
@@ -1 +1,148 @@
1
- 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 _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _utils=require("@times-components/utils");var _sliceLayout=require("@times-components/slice-layout");var _relatedArticlesHeading=_interopRequireDefault(require("./related-articles-heading"));var _relatedArticleItem=_interopRequireDefault(require("./related-article-item"));var _relatedArticlesPropTypes=_interopRequireDefault(require("./related-articles-prop-types"));var _relatedArticlesTrackingContext=_interopRequireDefault(require("./related-articles-tracking-context"));var _jsxFileName="/home/circleci/project/packages/related-articles/src/related-articles.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 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;}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 RelatedArticles=function(_Component){(0,_inherits2.default)(RelatedArticles,_Component);var _super=_createSuper(RelatedArticles);function RelatedArticles(){(0,_classCallCheck2.default)(this,RelatedArticles);return _super.apply(this,arguments);}(0,_createClass2.default)(RelatedArticles,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var _this$props=this.props,isVisible=_this$props.isVisible,slice=_this$props.slice;return nextProps.isVisible!==isVisible||nextProps.slice!==slice;}},{key:"render",value:function render(){var _this$props2=this.props,isVisible=_this$props2.isVisible,onPress=_this$props2.onPress,slice=_this$props2.slice,heading=_this$props2.heading;if(!slice)return null;var items=slice.items,sliceName=slice.sliceName;if(!sliceName||sliceName!=="StandardSlice"&&sliceName!=="DraftStandardSlice"||!items)return null;var renderArticleItem=function renderArticleItem(config,article,leadAssetOverride){var _config$bylineClass=config.bylineClass,bylineClass=_config$bylineClass===void 0?"":_config$bylineClass,contentContainerClass=config.contentContainerClass,_config$headlineClass=config.headlineClass,headlineClass=_config$headlineClass===void 0?"":_config$headlineClass,_config$imageConfig=config.imageConfig,imageConfig=_config$imageConfig===void 0?{}:_config$imageConfig,imageContainerClass=config.imageContainerClass,_config$isOpinionByli=config.isOpinionByline,isOpinionByline=_config$isOpinionByli===void 0?false:_config$isOpinionByli,_config$isReversed=config.isReversed,isReversed=_config$isReversed===void 0?false:_config$isReversed,_config$showImage=config.showImage,showImage=_config$showImage===void 0?true:_config$showImage,_config$showSummary=config.showSummary,showSummary=_config$showSummary===void 0?false:_config$showSummary,_config$summaryConfig=config.summaryConfig,summaryConfig=_config$summaryConfig===void 0?{}:_config$summaryConfig;return _react.default.createElement(_relatedArticleItem.default,{article:article,bylineClass:bylineClass,contentContainerClass:contentContainerClass,headlineClass:headlineClass,id:article.id,imageConfig:_objectSpread(_objectSpread({},imageConfig),{},{showHiRes:isVisible}),imageContainerClass:imageContainerClass,isOpinionByline:isOpinionByline,isReversed:isReversed,key:article.id,leadAssetOverride:leadAssetOverride,onPress:onPress,showImage:showImage,showSummary:showSummary,summaryConfig:summaryConfig,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:9}});};return _react.default.createElement(_utils.TcView,{__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}},_react.default.createElement(_relatedArticlesHeading.default,{heading:heading,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:9}}),_react.default.createElement(_sliceLayout.StandardSlice,{itemCount:items.length,renderItems:function renderItems(config){return items.map(function(item){return renderArticleItem(config,item.article,item.leadAsset);});},__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}}));}}]);return RelatedArticles;}(_react.Component);RelatedArticles.propTypes=_relatedArticlesPropTypes.default;var _default=(0,_relatedArticlesTrackingContext.default)(RelatedArticles);exports.default=_default;
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _utils = require("@times-components/utils");
13
+
14
+ var _sliceLayout = require("@times-components/slice-layout");
15
+
16
+ var _relatedArticlesHeading = _interopRequireDefault(require("./related-articles-heading"));
17
+
18
+ var _relatedArticleItem = _interopRequireDefault(require("./related-article-item"));
19
+
20
+ var _relatedArticlesPropTypes = _interopRequireDefault(require("./related-articles-prop-types"));
21
+
22
+ var _relatedArticlesTrackingContext = _interopRequireDefault(require("./related-articles-tracking-context"));
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
26
+ 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); }
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
32
+ 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; }
33
+
34
+ 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; }
35
+
36
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
37
+
38
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
39
+
40
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
41
+
42
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
43
+
44
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
45
+
46
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
47
+
48
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
49
+
50
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
51
+
52
+ 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; } }
53
+
54
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
55
+
56
+ var RelatedArticles = /*#__PURE__*/function (_Component) {
57
+ _inherits(RelatedArticles, _Component);
58
+
59
+ var _super = _createSuper(RelatedArticles);
60
+
61
+ function RelatedArticles() {
62
+ _classCallCheck(this, RelatedArticles);
63
+
64
+ return _super.apply(this, arguments);
65
+ }
66
+
67
+ _createClass(RelatedArticles, [{
68
+ key: "shouldComponentUpdate",
69
+ value: function shouldComponentUpdate(nextProps) {
70
+ var _this$props = this.props,
71
+ isVisible = _this$props.isVisible,
72
+ slice = _this$props.slice;
73
+ return nextProps.isVisible !== isVisible || nextProps.slice !== slice;
74
+ }
75
+ }, {
76
+ key: "render",
77
+ value: function render() {
78
+ var _this$props2 = this.props,
79
+ isVisible = _this$props2.isVisible,
80
+ onPress = _this$props2.onPress,
81
+ slice = _this$props2.slice,
82
+ heading = _this$props2.heading;
83
+ if (!slice) return null;
84
+ var items = slice.items,
85
+ sliceName = slice.sliceName;
86
+ if (!sliceName || sliceName !== "StandardSlice" && sliceName !== "DraftStandardSlice" || !items) return null;
87
+
88
+ var renderArticleItem = function renderArticleItem(config, article, leadAssetOverride) {
89
+ var _config$bylineClass = config.bylineClass,
90
+ bylineClass = _config$bylineClass === void 0 ? "" : _config$bylineClass,
91
+ contentContainerClass = config.contentContainerClass,
92
+ _config$headlineClass = config.headlineClass,
93
+ headlineClass = _config$headlineClass === void 0 ? "" : _config$headlineClass,
94
+ _config$imageConfig = config.imageConfig,
95
+ imageConfig = _config$imageConfig === void 0 ? {} : _config$imageConfig,
96
+ imageContainerClass = config.imageContainerClass,
97
+ _config$isOpinionByli = config.isOpinionByline,
98
+ isOpinionByline = _config$isOpinionByli === void 0 ? false : _config$isOpinionByli,
99
+ _config$isReversed = config.isReversed,
100
+ isReversed = _config$isReversed === void 0 ? false : _config$isReversed,
101
+ _config$showImage = config.showImage,
102
+ showImage = _config$showImage === void 0 ? true : _config$showImage,
103
+ _config$showSummary = config.showSummary,
104
+ showSummary = _config$showSummary === void 0 ? false : _config$showSummary,
105
+ _config$summaryConfig = config.summaryConfig,
106
+ summaryConfig = _config$summaryConfig === void 0 ? {} : _config$summaryConfig;
107
+ return /*#__PURE__*/_react["default"].createElement(_relatedArticleItem["default"], {
108
+ article: article,
109
+ bylineClass: bylineClass,
110
+ contentContainerClass: contentContainerClass,
111
+ headlineClass: headlineClass,
112
+ id: article.id,
113
+ imageConfig: _objectSpread(_objectSpread({}, imageConfig), {}, {
114
+ showHiRes: isVisible
115
+ }),
116
+ imageContainerClass: imageContainerClass,
117
+ isOpinionByline: isOpinionByline,
118
+ isReversed: isReversed,
119
+ key: article.id,
120
+ leadAssetOverride: leadAssetOverride,
121
+ onPress: onPress,
122
+ showImage: showImage,
123
+ showSummary: showSummary,
124
+ summaryConfig: summaryConfig
125
+ });
126
+ };
127
+
128
+ return /*#__PURE__*/_react["default"].createElement(_utils.TcView, null, /*#__PURE__*/_react["default"].createElement(_relatedArticlesHeading["default"], {
129
+ heading: heading
130
+ }), /*#__PURE__*/_react["default"].createElement(_sliceLayout.StandardSlice, {
131
+ itemCount: items.length,
132
+ renderItems: function renderItems(config) {
133
+ return items.map(function (item) {
134
+ return renderArticleItem(config, item.article, item.leadAsset);
135
+ });
136
+ }
137
+ }));
138
+ }
139
+ }]);
140
+
141
+ return RelatedArticles;
142
+ }(_react.Component);
143
+
144
+ RelatedArticles.propTypes = _relatedArticlesPropTypes["default"];
145
+
146
+ var _default = (0, _relatedArticlesTrackingContext["default"])(RelatedArticles);
147
+
148
+ exports["default"] = _default;
package/dist/roles.js CHANGED
@@ -1 +1,9 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var standardRoles=["standard-1","standard-2","standard-3"];var _default=standardRoles;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var standardRoles = ["standard-1", "standard-2", "standard-3"];
8
+ var _default = standardRoles;
9
+ exports["default"] = _default;
@@ -1 +1,30 @@
1
- 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");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(_objectSpread({},_shared.default),{},{title:_objectSpread(_objectSpread({},_shared.default.title),{},{paddingTop:(0,_tsStyleguide.spacing)(1)}),titleContainer:_objectSpread(_objectSpread({},_shared.default.titleContainer),{},{padding:(0,_tsStyleguide.spacing)(3)})});var _default=styles;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _tsStyleguide = require("@times-components/ts-styleguide");
9
+
10
+ var _shared = _interopRequireDefault(require("./shared"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
14
+ 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; }
15
+
16
+ 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; }
17
+
18
+ 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; }
19
+
20
+ var styles = _objectSpread(_objectSpread({}, _shared["default"]), {}, {
21
+ title: _objectSpread(_objectSpread({}, _shared["default"].title), {}, {
22
+ paddingTop: (0, _tsStyleguide.spacing)(1)
23
+ }),
24
+ titleContainer: _objectSpread(_objectSpread({}, _shared["default"].titleContainer), {}, {
25
+ padding: (0, _tsStyleguide.spacing)(3)
26
+ })
27
+ });
28
+
29
+ var _default = styles;
30
+ exports["default"] = _default;
@@ -1 +1,54 @@
1
- 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 styles={byline:{marginBottom:0},headline:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.primary},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"smallHeadline"})),{},{fontWeight:"400",marginBottom:(0,_tsStyleguide.spacing)(1),marginTop:0}),opinionByline:{lineHeight:24,marginBottom:0,marginTop:0},title:_objectSpread({color:_tsStyleguide.colours.functional.primary},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"pageComponentHeadline"})),titleContainer:{alignItems:"center",borderBottomColor:_tsStyleguide.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",borderTopColor:_tsStyleguide.colours.functional.keyline,borderTopWidth:1,display:"flex",justifyContent:"center",padding:(0,_tsStyleguide.spacing)(2)}};var _default=styles;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _tsStyleguide = require("@times-components/ts-styleguide");
9
+
10
+ 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; }
11
+
12
+ 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; }
13
+
14
+ 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; }
15
+
16
+ var styles = {
17
+ byline: {
18
+ marginBottom: 0
19
+ },
20
+ headline: _objectSpread(_objectSpread({
21
+ color: _tsStyleguide.colours.functional.primary
22
+ }, (0, _tsStyleguide.fontFactory)({
23
+ font: "headline",
24
+ fontSize: "smallHeadline"
25
+ })), {}, {
26
+ fontWeight: "400",
27
+ marginBottom: (0, _tsStyleguide.spacing)(1),
28
+ marginTop: 0
29
+ }),
30
+ opinionByline: {
31
+ lineHeight: 24,
32
+ marginBottom: 0,
33
+ marginTop: 0
34
+ },
35
+ title: _objectSpread({
36
+ color: _tsStyleguide.colours.functional.primary
37
+ }, (0, _tsStyleguide.fontFactory)({
38
+ font: "headline",
39
+ fontSize: "pageComponentHeadline"
40
+ })),
41
+ titleContainer: {
42
+ alignItems: "center",
43
+ borderBottomColor: _tsStyleguide.colours.functional.keyline,
44
+ borderBottomWidth: 1,
45
+ borderStyle: "solid",
46
+ borderTopColor: _tsStyleguide.colours.functional.keyline,
47
+ borderTopWidth: 1,
48
+ display: "flex",
49
+ justifyContent: "center",
50
+ padding: (0, _tsStyleguide.spacing)(2)
51
+ }
52
+ };
53
+ var _default = styles;
54
+ exports["default"] = _default;
@@ -1 +1,13 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var getHeadline=function getHeadline(headline,shortHeadline){return shortHeadline||headline;};var _default=getHeadline;exports.default=_default;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var getHeadline = function getHeadline(headline, shortHeadline) {
9
+ return shortHeadline || headline;
10
+ };
11
+
12
+ var _default = getHeadline;
13
+ exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/related-articles",
3
- "version": "6.11.26",
3
+ "version": "6.12.0",
4
4
  "description": "related articles of an article",
5
5
  "main": "dist/related-articles",
6
6
  "dev": "src/related-articles",
@@ -10,7 +10,7 @@
10
10
  "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,webpack*' --ignore-bin-package=false --skip-missing",
11
11
  "lint": "eslint src && yarn prettier:diff",
12
12
  "test": "jest roles.test.js --config='./__tests__/jest.config.js'",
13
- "test:web": "jest --config='./__tests__/web/jest.config.js'",
13
+ "test:web": "jest --config='./__tests__/jest.config.js'",
14
14
  "prepublishOnly": "yarn transpile && yarn bundle",
15
15
  "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
16
16
  "cleanup-dist": "rm -rf dist",
@@ -34,40 +34,35 @@
34
34
  "devDependencies": {
35
35
  "@babel/core": "7.4.4",
36
36
  "@times-components/eslint-config-thetimes": "0.8.18",
37
- "@times-components/jest-configurator": "2.8.1",
38
- "@times-components/jest-serializer": "3.3.1",
39
- "@times-components/storybook": "4.4.1",
40
- "@times-components/tealium-utils": "0.7.76",
41
- "@times-components/test-utils": "2.3.11",
42
- "@times-components/webpack-configurator": "2.0.30",
37
+ "@times-components/jest-configurator-web": "0.8.0",
38
+ "@times-components/jest-serializer": "3.4.0",
39
+ "@times-components/storybook": "4.5.0",
40
+ "@times-components/tealium-utils": "0.8.0",
41
+ "@times-components/test-utils": "2.4.0",
42
+ "@times-components/webpack-configurator": "2.1.0",
43
43
  "babel-jest": "24.8.0",
44
44
  "babel-loader": "8.0.5",
45
- "babel-plugin-add-react-displayname": "0.0.5",
46
- "babel-plugin-styled-components": "1.10.6",
47
45
  "depcheck": "0.6.9",
48
- "enzyme": "3.9.0",
49
46
  "eslint": "5.9.0",
50
47
  "jest": "24.8.0",
51
48
  "jest-styled-components": "6.3.1",
52
49
  "mockdate": "3.0.5",
53
50
  "prettier": "1.14.3",
54
51
  "react": "16.9.0",
55
- "react-art": "16.6.3",
56
52
  "react-dom": "16.9.0",
57
53
  "react-test-renderer": "16.9.0",
58
- "webpack": "4.30.0",
59
- "webpack-cli": "3.3.1"
54
+ "webpack": "4.30.0"
60
55
  },
61
56
  "dependencies": {
62
- "@times-components/article-summary": "3.19.34",
63
- "@times-components/card": "6.8.8",
64
- "@times-components/context": "1.9.4",
65
- "@times-components/link": "3.10.12",
66
- "@times-components/markup-forest": "1.8.2",
67
- "@times-components/slice-layout": "0.49.6",
68
- "@times-components/tracking": "2.11.1",
69
- "@times-components/ts-styleguide": "1.36.9",
70
- "@times-components/utils": "6.14.4",
57
+ "@times-components/article-summary": "3.20.0",
58
+ "@times-components/card": "6.9.0",
59
+ "@times-components/context": "1.10.0",
60
+ "@times-components/link": "3.11.0",
61
+ "@times-components/markup-forest": "1.9.0",
62
+ "@times-components/slice-layout": "0.50.0",
63
+ "@times-components/tracking": "2.12.0",
64
+ "@times-components/ts-styleguide": "1.37.0",
65
+ "@times-components/utils": "6.15.0",
71
66
  "lodash.get": "4.4.2",
72
67
  "prop-types": "15.7.2",
73
68
  "styled-components": "4.3.2"
@@ -83,5 +78,5 @@
83
78
  "publishConfig": {
84
79
  "access": "public"
85
80
  },
86
- "gitHead": "f37310e0d39cd113effc489b6849482897bf5134"
81
+ "gitHead": "fe2f12b7448a88662c53f840772282cd97756c5c"
87
82
  }
package/rnw.js CHANGED
@@ -1 +1 @@
1
- module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.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 o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));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=15)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},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/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(5),a=n(r(19));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 u(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,o.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 s=u(u({},a.default),{},{title:u(u({},a.default.title),{},{paddingTop:(0,i.spacing)(1)}),titleContainer:u(u({},a.default.titleContainer),{},{padding:(0,i.spacing)(3)})});t.default=s},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.relatedArticleItemDefaultProps=t.relatedArticleItemPropTypes=void 0;var o=n(r(1)),i=n(r(3)),a=r(27);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 u(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,o.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 s=u(u({},a.sharedPropTypes),{},{bylineClass:i.default.string,contentContainerClass:i.default.string,headlineClass:i.default.string,imageContainerClass:i.default.string});t.relatedArticleItemPropTypes=s;var c=u(u({},a.sharedDefaultProps),{},{bylineClass:"",contentContainerClass:"",headlineClass:"",imageContainerClass:""});t.relatedArticleItemDefaultProps=c},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){return t||e};t.default=r},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=n(r(6)),a=n(r(7)),l=n(r(8)),u=n(r(9)),s=n(r(10)),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=h(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(2)),f=r(4),d=r(16),p=n(r(17)),y=n(r(20)),m=(n(r(30)),n(r(32)));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(h=function(e){return e?r:t})(e)}function v(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(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,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var O=function(e){(0,l.default)(r,e);var t=g(r);function r(){return(0,i.default)(this,r),t.apply(this,arguments)}return(0,a.default)(r,[{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.isVisible,n=t.slice;return e.isVisible!==r||e.slice!==n}},{key:"render",value:function(){var e=this.props,t=e.isVisible,r=e.onPress,n=e.slice,o=e.heading;if(!n)return null;var i=n.items,a=n.sliceName;if(!a||"StandardSlice"!==a&&"DraftStandardSlice"!==a||!i)return null;return c.default.createElement(f.TcView,null,c.default.createElement(p.default,{heading:o}),c.default.createElement(d.StandardSlice,{itemCount:i.length,renderItems:function(e){return i.map((function(n){return function(e,n,o){var i=e.bylineClass,a=void 0===i?"":i,l=e.contentContainerClass,u=e.headlineClass,s=void 0===u?"":u,f=e.imageConfig,d=void 0===f?{}:f,p=e.imageContainerClass,m=e.isOpinionByline,h=void 0!==m&&m,v=e.isReversed,g=void 0!==v&&v,O=e.showImage,_=void 0===O||O,j=e.showSummary,P=void 0!==j&&j,w=e.summaryConfig,C=void 0===w?{}:w;return c.default.createElement(y.default,{article:n,bylineClass:a,contentContainerClass:l,headlineClass:s,id:n.id,imageConfig:b(b({},d),{},{showHiRes:t}),imageContainerClass:p,isOpinionByline:h,isReversed:g,key:n.id,leadAssetOverride:o,onPress:r,showImage:_,showSummary:P,summaryConfig:C})}(e,n.article,n.leadAsset)}))}}))}}]),r}(c.Component),_=(0,m.default)(O);t.default=_},function(e,t){e.exports=require("@times-components/slice-layout/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.HeadingForRelatedArticles=void 0;var o=n(r(2)),i=n(r(18)),a=r(4),l=(n(r(3)),n(r(11))),u=i.default.h3.withConfig({displayName:"related-articles-heading__HeadingForRelatedArticles",componentId:"sc-1m1bjcq-0"})(['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;',";"],(function(e){return e.styles&&e.styles}));t.HeadingForRelatedArticles=u;var s=function(e){var t=e.heading;return o.default.createElement(a.TcView,{style:l.default.titleContainer},o.default.createElement(u,{role:"heading","aria-level":"3",styles:(0,a.checkStylesForUnits)(l.default.title)},t))};s.defaultProps={heading:"Related articles"};var c=s;t.default=c},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(5);function a(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?a(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u={byline:{marginBottom:0},headline:l(l({color:i.colours.functional.primary},(0,i.fontFactory)({font:"headline",fontSize:"smallHeadline"})),{},{fontWeight:"400",marginBottom:(0,i.spacing)(1),marginTop:0}),opinionByline:{lineHeight:24,marginBottom:0,marginTop:0},title:l({color:i.colours.functional.primary},(0,i.fontFactory)({font:"headline",fontSize:"pageComponentHeadline"})),titleContainer:{alignItems:"center",borderBottomColor:i.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",borderTopColor:i.colours.functional.keyline,borderTopWidth:1,display:"flex",justifyContent:"center",padding:(0,i.spacing)(2)}};t.default=u},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)),i=n(r(21)),a=n(r(22)),l=n(r(23)),u=n(r(29)),s=function(e){return o.default.createElement("div",{"data-testid":"related-article-item"},o.default.createElement(l.default,e,(function(e){var t=e.article,r=e.card,n=e.onPress;return o.default.createElement(i.default.Consumer,null,(function(e){var i=e.makeArticleUrl;return o.default.createElement(a.default,{linkStyle:{padding:10},onPress:function(e){return n(e,{url:i(t)})},url:i(t)},r)}))})))};s.displayName="RelatedArticleItem";var c=(0,u.default)(s);t.default=c},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(6)),i=n(r(7)),a=n(r(8)),l=n(r(9)),u=n(r(10)),s=g(r(2)),c=r(4),f=n(r(24)),d=g(r(25)),p=n(r(26)),y=r(5),m=r(12),h=n(r(11)),v=n(r(13));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function O(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,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var _=function(e){(0,a.default)(r,e);var t=O(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).node=(0,s.createRef)(),n.state={highResSize:null},n}return(0,i.default)(r,[{key:"componentDidMount",value:function(){this.props.imageConfig.showHiRes&&this.setHighResSize()}},{key:"componentDidUpdate",value:function(e){var t=this.props.imageConfig;e.imageConfig.showHiRes!==t.showHiRes&&t.showHiRes&&this.setHighResSize()}},{key:"setHighResSize",value:function(){this.setState({highResSize:this.node.current.clientWidth})}},{key:"render",value:function(){var e=this.props,t=e.article,r=t.bylines,n=t.hasVideo,o=t.headline,i=t.label,a=t.leadAsset,l=t.publishedTime,u=t.section,m=t.shortHeadline,b=e.bylineClass,g=e.children,O=e.contentContainerClass,_=e.headlineClass,j=e.imageConfig,P=j.cropSize,w=void 0===P?"169":P,C=j.imageRatio,S=void 0===C?16/9:C,R=j.style,x=void 0===R?{}:R,k=e.imageContainerClass,D=e.isOpinionByline,E=e.isReversed,T=e.leadAssetOverride,M=e.onPress,A=e.showImage,q=e.showSummary,H=e.summaryConfig,I=H.lengths,B=void 0===I?[]:I,z=H.style,F=void 0===z?{}:z,N=H.type,V=this.props.article,W=this.state.highResSize,$=function(e,t,r){var n=t||e;return n?n.posterImage?(0,f.default)(n,"posterImage.crop"+r+".url"):(0,f.default)(n,"crop"+r+".url"):null}(a,T,w);return g({article:V,card:s.default.createElement(c.TcView,{ref:this.node},s.default.createElement(p.default,{contentContainerClass:O,highResSize:W,imageContainerClass:k,imageAccessibilityLabel:m,imageRatio:S,imageStyle:x,imageUri:$,isReversed:E,lowResQuality:3,lowResSize:200,relatedArticle:!0,showImage:A},s.default.createElement(d.default,{bylineProps:{ast:r,bylineClass:b,color:y.colours.section[u]||y.colours.section.default,isOpinionByline:D},content:q&&s.default.createElement(c.TcView,{style:F},B.map((function(e){var t=e+"Class",r=N?N+"Summary":"summary";return s.default.createElement(d.ArticleSummaryContent,{ast:V["summary"+e],className:"summaryHidden "+r+t,key:e})}))),datePublicationProps:{date:l,showDay:!1},headline:s.default.createElement(d.ArticleSummaryHeadline,{className:_,headline:(0,v.default)(o,m),style:h.default.headline}),labelProps:{color:y.colours.section[u]||y.colours.section.default,isVideo:n,title:i}}))),onPress:M})}}]),r}(s.Component);_.defaultProps=m.relatedArticleItemDefaultProps;var j=_;t.default=j},function(e,t){var r=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,n=/^\w*$/,o=/^\./,i=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,l=/^\[object .+?Constructor\]$/,u="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,c=u||s||Function("return this")();var f,d=Array.prototype,p=Function.prototype,y=Object.prototype,m=c["__core-js_shared__"],h=(f=/[^.]+$/.exec(m&&m.keys&&m.keys.IE_PROTO||""))?"Symbol(src)_1."+f:"",v=p.toString,b=y.hasOwnProperty,g=y.toString,O=RegExp("^"+v.call(b).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),_=c.Symbol,j=d.splice,P=A(c,"Map"),w=A(Object,"create"),C=_?_.prototype:void 0,S=C?C.toString:void 0;function R(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function x(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function k(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function D(e,t){for(var r,n,o=e.length;o--;)if((r=e[o][0])===(n=t)||r!=r&&n!=n)return o;return-1}function E(e,t){for(var o,i=0,a=(t=function(e,t){if(B(e))return!1;var o=typeof e;if("number"==o||"symbol"==o||"boolean"==o||null==e||F(e))return!0;return n.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:B(o=t)?o:q(o)).length;null!=e&&i<a;)e=e[H(t[i++])];return i&&i==a?e:void 0}function T(e){return!(!z(e)||(t=e,h&&h in t))&&(function(e){var t=z(e)?g.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?O:l).test(function(e){if(null!=e){try{return v.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function M(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function A(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return T(r)?r:void 0}R.prototype.clear=function(){this.__data__=w?w(null):{}},R.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},R.prototype.get=function(e){var t=this.__data__;if(w){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return b.call(t,e)?t[e]:void 0},R.prototype.has=function(e){var t=this.__data__;return w?void 0!==t[e]:b.call(t,e)},R.prototype.set=function(e,t){return this.__data__[e]=w&&void 0===t?"__lodash_hash_undefined__":t,this},x.prototype.clear=function(){this.__data__=[]},x.prototype.delete=function(e){var t=this.__data__,r=D(t,e);return!(r<0)&&(r==t.length-1?t.pop():j.call(t,r,1),!0)},x.prototype.get=function(e){var t=this.__data__,r=D(t,e);return r<0?void 0:t[r][1]},x.prototype.has=function(e){return D(this.__data__,e)>-1},x.prototype.set=function(e,t){var r=this.__data__,n=D(r,e);return n<0?r.push([e,t]):r[n][1]=t,this},k.prototype.clear=function(){this.__data__={hash:new R,map:new(P||x),string:new R}},k.prototype.delete=function(e){return M(this,e).delete(e)},k.prototype.get=function(e){return M(this,e).get(e)},k.prototype.has=function(e){return M(this,e).has(e)},k.prototype.set=function(e,t){return M(this,e).set(e,t),this};var q=I((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(F(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var r=[];return o.test(e)&&r.push(""),e.replace(i,(function(e,t,n,o){r.push(n?o.replace(a,"$1"):t||e)})),r}));function H(e){if("string"==typeof e||F(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a),a};return r.cache=new(I.Cache||k),r}I.Cache=k;var B=Array.isArray;function z(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==g.call(e)}e.exports=function(e,t,r){var n=null==e?void 0:E(e,t);return void 0===n?r:n}},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.sharedDefaultProps=t.sharedPropTypes=void 0;var o=n(r(3)),i=r(28),a={article:o.default.shape({bylines:o.default.arrayOf(i.propTypes),hasVideo:o.default.bool,headline:o.default.string,label:o.default.string,publishedTime:o.default.string.isRequired,shortHeadline:o.default.string,summary105:o.default.arrayOf(i.propTypes),summary125:o.default.arrayOf(i.propTypes).isRequired,summary145:o.default.arrayOf(i.propTypes),summary160:o.default.arrayOf(i.propTypes),summary175:o.default.arrayOf(i.propTypes),summary225:o.default.arrayOf(i.propTypes),url:o.default.string}),imageConfig:o.default.shape({cropSize:o.default.string,imageRatio:o.default.number,style:o.default.object}),isOpinionByline:o.default.bool,isReversed:o.default.bool,showImage:o.default.bool,showSummary:o.default.bool,summaryConfig:o.default.shape({lengths:o.default.arrayOf(o.default.number),style:o.default.object,type:o.default.string})};t.sharedPropTypes=a;t.sharedDefaultProps={article:null,hasVideo:!1,imageConfig:{},isOpinionByline:!1,isReversed:!1,showImage:!0,showSummary:!0,summary105:[],summary145:[],summary160:[],summary175:[],summary225:[],summaryConfig:{}}},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(14);t.default=function(e){return(0,n.withTrackEvents)(e,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){var t=e.article,r=t.headline,n=t.id,o=t.url;return{targetArticleHeadline:t.shortHeadline||r,targetArticleId:n,targetArticleUrl:o}}}]})}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(31)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(3)),i=r(12),a={slice:o.default.shape({items:o.default.arrayOf(o.default.shape({article:i.relatedArticleItemPropTypes.article})),sliceName:o.default.string.isRequired}).isRequired};t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(14),i=n(r(13)),a=n(r(33));t.default=function(e){return(0,o.withTrackingContext)(e,{getAttrs:function(e){var t=e.slice,r=t.items,n=t.sliceName;if(!n)return null;var o={articles:[],template:n};return r?(o.articles=r.map((function(e,t){var r=e.article,n=r.headline,o=r.id,l=r.shortHeadline;return{headline:(0,i.default)(n,l),id:o,role:a.default[t]}})),o):o},trackingObjectName:"Article"})}},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=["standard-1","standard-2","standard-3"];t.default=r}]);
1
+ module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.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 o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));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=13)}([function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){var r=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,n=/^\w*$/,o=/^\./,i=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,c=/^\[object .+?Constructor\]$/,s="object"==typeof global&&global&&global.Object===Object&&global,l="object"==typeof self&&self&&self.Object===Object&&self,u=s||l||Function("return this")();var f,p=Array.prototype,y=Function.prototype,d=Object.prototype,m=u["__core-js_shared__"],b=(f=/[^.]+$/.exec(m&&m.keys&&m.keys.IE_PROTO||""))?"Symbol(src)_1."+f:"",h=y.toString,g=d.hasOwnProperty,v=d.toString,O=RegExp("^"+h.call(g).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=u.Symbol,_=p.splice,w=H(u,"Map"),C=H(Object,"create"),P=j?j.prototype:void 0,S=P?P.toString:void 0;function R(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function E(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function x(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function k(e,t){for(var r,n,o=e.length;o--;)if((r=e[o][0])===(n=t)||r!=r&&n!=n)return o;return-1}function T(e,t){for(var o,i=0,a=(t=function(e,t){if(z(e))return!1;var o=typeof e;if("number"==o||"symbol"==o||"boolean"==o||null==e||V(e))return!0;return n.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:z(o=t)?o:q(o)).length;null!=e&&i<a;)e=e[B(t[i++])];return i&&i==a?e:void 0}function A(e){return!(!N(e)||(t=e,b&&b in t))&&(function(e){var t=N(e)?v.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?O:c).test(function(e){if(null!=e){try{return h.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function D(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function H(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return A(r)?r:void 0}R.prototype.clear=function(){this.__data__=C?C(null):{}},R.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},R.prototype.get=function(e){var t=this.__data__;if(C){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return g.call(t,e)?t[e]:void 0},R.prototype.has=function(e){var t=this.__data__;return C?void 0!==t[e]:g.call(t,e)},R.prototype.set=function(e,t){return this.__data__[e]=C&&void 0===t?"__lodash_hash_undefined__":t,this},E.prototype.clear=function(){this.__data__=[]},E.prototype.delete=function(e){var t=this.__data__,r=k(t,e);return!(r<0)&&(r==t.length-1?t.pop():_.call(t,r,1),!0)},E.prototype.get=function(e){var t=this.__data__,r=k(t,e);return r<0?void 0:t[r][1]},E.prototype.has=function(e){return k(this.__data__,e)>-1},E.prototype.set=function(e,t){var r=this.__data__,n=k(r,e);return n<0?r.push([e,t]):r[n][1]=t,this},x.prototype.clear=function(){this.__data__={hash:new R,map:new(w||E),string:new R}},x.prototype.delete=function(e){return D(this,e).delete(e)},x.prototype.get=function(e){return D(this,e).get(e)},x.prototype.has=function(e){return D(this,e).has(e)},x.prototype.set=function(e,t){return D(this,e).set(e,t),this};var q=I((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(V(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var r=[];return o.test(e)&&r.push(""),e.replace(i,(function(e,t,n,o){r.push(n?o.replace(a,"$1"):t||e)})),r}));function B(e){if("string"==typeof e||V(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a),a};return r.cache=new(I.Cache||x),r}I.Cache=x;var z=Array.isArray;function N(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==v.call(e)}e.exports=function(e,t,r){var n=null==e?void 0:T(e,t);return void 0===n?r:n}},function(e,t){e.exports=require("@times-components/slice-layout/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/link/rnw")},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),i=r(3),a=r(8),c=r(9),s=r.n(c),l=r(0),u=r.n(l),f=r(2);function p(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 y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var m={byline:{marginBottom:0},headline:y(y({color:f.colours.functional.primary},Object(f.fontFactory)({font:"headline",fontSize:"smallHeadline"})),{},{fontWeight:"400",marginBottom:Object(f.spacing)(1),marginTop:0}),opinionByline:{lineHeight:24,marginBottom:0,marginTop:0},title:y({color:f.colours.functional.primary},Object(f.fontFactory)({font:"headline",fontSize:"pageComponentHeadline"})),titleContainer:{alignItems:"center",borderBottomColor:f.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",borderTopColor:f.colours.functional.keyline,borderTopWidth:1,display:"flex",justifyContent:"center",padding:Object(f.spacing)(2)}};function b(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?b(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=h(h({},m),{},{title:h(h({},m.title),{},{paddingTop:Object(f.spacing)(1)}),titleContainer:h(h({},m.titleContainer),{},{padding:Object(f.spacing)(3)})}),O=s.a.h3.withConfig({displayName:"related-articles-heading__HeadingForRelatedArticles",componentId:"sc-1m1bjcq-0"})(['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;',";"],(function(e){return e.styles&&e.styles})),j=function(e){var t=e.heading;return o.a.createElement(i.TcView,{style:v.titleContainer},o.a.createElement(O,{role:"heading","aria-level":"3",styles:Object(i.checkStylesForUnits)(v.title)},t))};j.defaultProps={heading:"Related articles"};var _=j,w=r(10),C=r.n(w),P=r(11),S=r.n(P),R=r(7),E=r.n(R),x=r(6),k=r.n(x),T=r(12),A=r.n(T),D=r(4);function H(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 q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){B(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function B(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var I=q(q({},{article:u.a.shape({bylines:u.a.arrayOf(D.propTypes),hasVideo:u.a.bool,headline:u.a.string,label:u.a.string,publishedTime:u.a.string.isRequired,shortHeadline:u.a.string,summary105:u.a.arrayOf(D.propTypes),summary125:u.a.arrayOf(D.propTypes).isRequired,summary145:u.a.arrayOf(D.propTypes),summary160:u.a.arrayOf(D.propTypes),summary175:u.a.arrayOf(D.propTypes),summary225:u.a.arrayOf(D.propTypes),url:u.a.string}),imageConfig:u.a.shape({cropSize:u.a.string,imageRatio:u.a.number,style:u.a.object}),isOpinionByline:u.a.bool,isReversed:u.a.bool,showImage:u.a.bool,showSummary:u.a.bool,summaryConfig:u.a.shape({lengths:u.a.arrayOf(u.a.number),style:u.a.object,type:u.a.string})}),{},{bylineClass:u.a.string,contentContainerClass:u.a.string,headlineClass:u.a.string,imageContainerClass:u.a.string}),z=q(q({},{article:null,hasVideo:!1,imageConfig:{},isOpinionByline:!1,isReversed:!1,showImage:!0,showSummary:!0,summary105:[],summary145:[],summary160:[],summary175:[],summary225:[],summaryConfig:{}}),{},{bylineClass:"",contentContainerClass:"",headlineClass:"",imageContainerClass:""}),N=function(e,t){return t||e};function V(e){return(V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function F(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function $(e,t){return($=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function U(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=W(e);if(t){var o=W(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return M(this,r)}}function M(e,t){return!t||"object"!==V(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function W(e){return(W=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var G=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$(e,t)}(s,e);var t,r,a,c=U(s);function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(t=c.call(this,e)).node=Object(n.createRef)(),t.state={highResSize:null},t}return t=s,(r=[{key:"componentDidMount",value:function(){this.props.imageConfig.showHiRes&&this.setHighResSize()}},{key:"componentDidUpdate",value:function(e){var t=this.props.imageConfig;e.imageConfig.showHiRes!==t.showHiRes&&t.showHiRes&&this.setHighResSize()}},{key:"setHighResSize",value:function(){this.setState({highResSize:this.node.current.clientWidth})}},{key:"render",value:function(){var e=this.props,t=e.article,r=t.bylines,n=t.hasVideo,a=t.headline,c=t.label,s=t.leadAsset,l=t.publishedTime,u=t.section,p=t.shortHeadline,y=e.bylineClass,d=e.children,m=e.contentContainerClass,b=e.headlineClass,h=e.imageConfig,g=h.cropSize,O=void 0===g?"169":g,j=h.imageRatio,_=void 0===j?16/9:j,w=h.style,C=void 0===w?{}:w,P=e.imageContainerClass,S=e.isOpinionByline,R=e.isReversed,T=e.leadAssetOverride,D=e.onPress,H=e.showImage,q=e.showSummary,B=e.summaryConfig,I=B.lengths,z=void 0===I?[]:I,V=B.style,F=void 0===V?{}:V,$=B.type,U=this.props.article,M=this.state.highResSize,W=function(e,t,r){var n=t||e;return n?n.posterImage?E()(n,"posterImage.crop".concat(r,".url")):E()(n,"crop".concat(r,".url")):null}(s,T,O);return d({article:U,card:o.a.createElement(i.TcView,{ref:this.node},o.a.createElement(A.a,{contentContainerClass:m,highResSize:M,imageContainerClass:P,imageAccessibilityLabel:p,imageRatio:_,imageStyle:C,imageUri:W,isReversed:R,lowResQuality:3,lowResSize:200,relatedArticle:!0,showImage:H},o.a.createElement(k.a,{bylineProps:{ast:r,bylineClass:y,color:f.colours.section[u]||f.colours.section.default,isOpinionByline:S},content:q&&o.a.createElement(i.TcView,{style:F},z.map((function(e){var t="".concat(e,"Class"),r=$?"".concat($,"Summary"):"summary";return o.a.createElement(x.ArticleSummaryContent,{ast:U["summary".concat(e)],className:"summaryHidden ".concat(r).concat(t),key:e})}))),datePublicationProps:{date:l,showDay:!1},headline:o.a.createElement(x.ArticleSummaryHeadline,{className:b,headline:N(a,p),style:v.headline}),labelProps:{color:f.colours.section[u]||f.colours.section.default,isVideo:n,title:c}}))),onPress:D})}}])&&F(t.prototype,r),a&&F(t,a),s}(n.Component);G.defaultProps=z;var L=G,Q=r(5),J=function(e){return o.a.createElement("div",{"data-testid":"related-article-item"},o.a.createElement(L,e,(function(e){var t=e.article,r=e.card,n=e.onPress;return o.a.createElement(C.a.Consumer,null,(function(e){var i=e.makeArticleUrl;return o.a.createElement(S.a,{linkStyle:{padding:10},onPress:function(e){return n(e,{url:i(t)})},url:i(t)},r)}))})))};J.displayName="RelatedArticleItem";var K,X=(K=J,Object(Q.withTrackEvents)(K,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){var t=e.article,r=t.headline,n=t.id,o=t.url;return{targetArticleHeadline:t.shortHeadline||r,targetArticleId:n,targetArticleUrl:o}}}]})),Y=(u.a.shape({items:u.a.arrayOf(u.a.shape({article:I.article})),sliceName:u.a.string.isRequired}).isRequired,["standard-1","standard-2","standard-3"]);function Z(e){return(Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ee(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 te(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(r),!0).forEach((function(t){re(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ee(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function re(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ne(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function oe(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ie(e,t){return(ie=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function ae(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=se(e);if(t){var o=se(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return ce(this,r)}}function ce(e,t){return!t||"object"!==Z(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function se(e){return(se=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var le=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ie(e,t)}(s,e);var t,r,n,c=ae(s);function s(){return ne(this,s),c.apply(this,arguments)}return t=s,(r=[{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.isVisible,n=t.slice;return e.isVisible!==r||e.slice!==n}},{key:"render",value:function(){var e=this.props,t=e.isVisible,r=e.onPress,n=e.slice,c=e.heading;if(!n)return null;var s=n.items,l=n.sliceName;return!l||"StandardSlice"!==l&&"DraftStandardSlice"!==l||!s?null:o.a.createElement(i.TcView,null,o.a.createElement(_,{heading:c}),o.a.createElement(a.StandardSlice,{itemCount:s.length,renderItems:function(e){return s.map((function(n){return function(e,n,i){var a=e.bylineClass,c=void 0===a?"":a,s=e.contentContainerClass,l=e.headlineClass,u=void 0===l?"":l,f=e.imageConfig,p=void 0===f?{}:f,y=e.imageContainerClass,d=e.isOpinionByline,m=void 0!==d&&d,b=e.isReversed,h=void 0!==b&&b,g=e.showImage,v=void 0===g||g,O=e.showSummary,j=void 0!==O&&O,_=e.summaryConfig,w=void 0===_?{}:_;return o.a.createElement(X,{article:n,bylineClass:c,contentContainerClass:s,headlineClass:u,id:n.id,imageConfig:te(te({},p),{},{showHiRes:t}),imageContainerClass:y,isOpinionByline:m,isReversed:h,key:n.id,leadAssetOverride:i,onPress:r,showImage:v,showSummary:j,summaryConfig:w})}(e,n.article,n.leadAsset)}))}}))}}])&&oe(t.prototype,r),n&&oe(t,n),s}(n.Component);t.default=function(e){return Object(Q.withTrackingContext)(e,{getAttrs:function(e){var t=e.slice,r=t.items,n=t.sliceName;if(!n)return null;var o={articles:[],template:n};return r?(o.articles=r.map((function(e,t){var r=e.article,n=r.headline,o=r.id,i=r.shortHeadline;return{headline:N(n,i),id:o,role:Y[t]}})),o):o},trackingObjectName:"Article"})}(le)}]);