@times-components/article-magazine-comment 3.92.5 → 3.93.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 +11 -0
- package/dist/article-magazine-comment.js +18 -15
- package/package.json +15 -15
- package/rnw.js +1 -1
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
|
+
# [3.93.0](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.92.5...@times-components/article-magazine-comment@3.93.0) (2025-04-14)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRP-233:** implement webp images ([#4105](https://github.com/newsuk/times-components/issues/4105)) ([66f0ce5](https://github.com/newsuk/times-components/commit/66f0ce53c4cd8fe101d66fc18c69c758e786af46))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.92.5](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-comment@3.92.4...@times-components/article-magazine-comment@3.92.5) (2025-04-11)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/article-magazine-comment
|
|
@@ -36,7 +36,9 @@ class ArticlePage extends _react.Component {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
renderHeader() {
|
|
39
|
-
const
|
|
39
|
+
const _this$props = this.props,
|
|
40
|
+
article = _this$props.article,
|
|
41
|
+
articleDataFromRender = _this$props.articleDataFromRender;
|
|
40
42
|
const bylines = article.bylines,
|
|
41
43
|
expirableFlags = article.expirableFlags,
|
|
42
44
|
hasVideo = article.hasVideo,
|
|
@@ -65,24 +67,25 @@ class ArticlePage extends _react.Component {
|
|
|
65
67
|
let caption = _ref.caption;
|
|
66
68
|
return /*#__PURE__*/_react.default.createElement(_caption.CentredCaption, caption);
|
|
67
69
|
},
|
|
68
|
-
style: _styles.default.leadAssetContainer
|
|
70
|
+
style: _styles.default.leadAssetContainer,
|
|
71
|
+
isWebPFormatActive: articleDataFromRender && articleDataFromRender.isWebPFormatActive
|
|
69
72
|
})));
|
|
70
73
|
}
|
|
71
74
|
|
|
72
75
|
render() {
|
|
73
|
-
const _this$
|
|
74
|
-
article = _this$
|
|
75
|
-
analyticsStream = _this$
|
|
76
|
-
error = _this$
|
|
77
|
-
isLoading = _this$
|
|
78
|
-
logoUrl = _this$
|
|
79
|
-
navigationMode = _this$
|
|
80
|
-
receiveChildList = _this$
|
|
81
|
-
commentingConfig = _this$
|
|
82
|
-
articleDataFromRender = _this$
|
|
83
|
-
paidContentClassName = _this$
|
|
84
|
-
isPreview = _this$
|
|
85
|
-
swgProductId = _this$
|
|
76
|
+
const _this$props2 = this.props,
|
|
77
|
+
article = _this$props2.article,
|
|
78
|
+
analyticsStream = _this$props2.analyticsStream,
|
|
79
|
+
error = _this$props2.error,
|
|
80
|
+
isLoading = _this$props2.isLoading,
|
|
81
|
+
logoUrl = _this$props2.logoUrl,
|
|
82
|
+
navigationMode = _this$props2.navigationMode,
|
|
83
|
+
receiveChildList = _this$props2.receiveChildList,
|
|
84
|
+
commentingConfig = _this$props2.commentingConfig,
|
|
85
|
+
articleDataFromRender = _this$props2.articleDataFromRender,
|
|
86
|
+
paidContentClassName = _this$props2.paidContentClassName,
|
|
87
|
+
isPreview = _this$props2.isPreview,
|
|
88
|
+
swgProductId = _this$props2.swgProductId;
|
|
86
89
|
|
|
87
90
|
if (error || isLoading) {
|
|
88
91
|
return null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-magazine-comment",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.93.0",
|
|
4
4
|
"description": "Magazine Comment Article Template",
|
|
5
5
|
"main": "dist/article-magazine-comment",
|
|
6
6
|
"dev": "src/article-magazine-comment",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"@babel/core": "7.4.4",
|
|
36
36
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
37
37
|
"@times-components/jest-configurator-web": "0.8.2",
|
|
38
|
-
"@times-components/jest-serializer": "3.
|
|
39
|
-
"@times-components/provider": "1.42.
|
|
38
|
+
"@times-components/jest-serializer": "3.15.0",
|
|
39
|
+
"@times-components/provider": "1.42.2",
|
|
40
40
|
"@times-components/provider-test-tools": "1.32.0",
|
|
41
|
-
"@times-components/storybook": "4.13.
|
|
41
|
+
"@times-components/storybook": "4.13.2",
|
|
42
42
|
"@times-components/tealium-utils": "0.9.1",
|
|
43
43
|
"@times-components/test-utils": "2.4.2",
|
|
44
44
|
"@times-components/webpack-configurator": "2.1.1",
|
|
@@ -53,20 +53,20 @@
|
|
|
53
53
|
"webpack": "4.30.0"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@times-components/ad": "2.22.
|
|
57
|
-
"@times-components/article-byline": "3.13.
|
|
56
|
+
"@times-components/ad": "2.22.37",
|
|
57
|
+
"@times-components/article-byline": "3.13.70",
|
|
58
58
|
"@times-components/article-label": "2.18.47",
|
|
59
|
-
"@times-components/article-lead-asset": "1.
|
|
60
|
-
"@times-components/article-skeleton": "1.
|
|
61
|
-
"@times-components/caption": "3.8.
|
|
59
|
+
"@times-components/article-lead-asset": "1.21.0",
|
|
60
|
+
"@times-components/article-skeleton": "1.162.0",
|
|
61
|
+
"@times-components/caption": "3.8.69",
|
|
62
62
|
"@times-components/context": "1.25.7",
|
|
63
63
|
"@times-components/date-publication": "0.30.47",
|
|
64
|
-
"@times-components/image": "6.
|
|
65
|
-
"@times-components/ts-components": "1.128.
|
|
64
|
+
"@times-components/image": "6.19.0",
|
|
65
|
+
"@times-components/ts-components": "1.128.2",
|
|
66
66
|
"@times-components/ts-styleguide": "1.52.2",
|
|
67
|
-
"@times-components/user-state": "0.7.
|
|
68
|
-
"@times-components/utils": "6.31.
|
|
69
|
-
"@times-components/video-label": "2.11.
|
|
67
|
+
"@times-components/user-state": "0.7.1",
|
|
68
|
+
"@times-components/utils": "6.31.5",
|
|
69
|
+
"@times-components/video-label": "2.11.77",
|
|
70
70
|
"prop-types": "15.7.2",
|
|
71
71
|
"styled-components": "4.3.2"
|
|
72
72
|
},
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "07b292c2f7d20953935b846634c55df093705568"
|
|
85
85
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=15)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(2),i=n.n(r),a=n(8),o=n.n(a),s=n(3),l=n(9),c=n(5),p=n.n(c),d=n(10),u=n.n(d),m=n(6),b=n(0),f=n(11),g=n.n(f),h=n(12),y=n.n(h),O=n(1),w=n.n(O);w.a.bool,w.a.string;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:x(x({},Object(b.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:b.colours.functional.brandColour,marginBottom:Object(b.spacing)(2),textAlign:"center"}),authorImage:{marginBottom:Object(b.spacing)(5)},container:{alignItems:"center",marginBottom:Object(b.spacing)(5),marginLeft:Object(b.spacing)(2),marginRight:Object(b.spacing)(2),paddingTop:Object(b.spacing)(7)},containerTablet:{alignSelf:"center",width:b.tabletWidth},datePublication:x(x({},Object(b.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:b.colours.functional.secondary,marginTop:Object(b.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(b.spacing)(2)},leadAssetContainer:{marginBottom:Object(b.spacing)(4)},leadAssetContainerTablet:{alignSelf:"center",width:b.tabletWidth-b.tabletRowPadding},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(b.spacing)(1)},separator:{borderRightColor:b.colours.functional.keyline,borderRightWidth:1,height:Object(b.spacing)(3),marginLeft:Object(b.spacing)(2),marginRight:Object(b.spacing)(2)},standFirst:x(x({},Object(b.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:b.colours.functional.primary,marginBottom:Object(b.spacing)(3),textAlign:"center"})});const q=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const r=t?y.a:g.a;return i.a.createElement(p.a.Consumer,null,e=>{let t=e.theme.sectionColour;return i.a.createElement(s.TcView,{style:k.label},i.a.createElement(r,{color:t||b.colours.section.default,title:n}))})};q.defaultProps={isVideo:!1,label:null};var E=q,T=n(7),S=n(13),_=n.n(S);w.a.arrayOf(w.a.shape({})).isRequired,w.a.string.isRequired,w.a.string.isRequired;var I=n(4),R=n.n(I),D=n(14),F=n.n(D);const N=R()(s.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"sc-15qf29k-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],b.breakpoints.medium),V=R()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-15qf29k-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(b.spacing)(3),b.breakpoints.medium),H=R()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-15qf29k-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(b.spacing)(1),Object(b.spacing)(3),b.breakpoints.medium),L=R()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15qf29k-3"})([""," order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],e=>e.styles&&e.styles,b.breakpoints.medium,Object(b.spacing)(6),b.breakpoints.wide),z=R.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15qf29k-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,b.breakpoints.medium,b.fontSizes.articleHeadline,Object(b.spacing)(1)),A=(R()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15qf29k-5"})(["@media (min-width:","px){margin-top:0px;}"],b.breakpoints.wide),R()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-15qf29k-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,b.breakpoints.medium)),M=R()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-15qf29k-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],b.breakpoints.medium),B=R()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-15qf29k-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],b.breakpoints.medium,b.colours.functional.keyline,Object(b.spacing)(3),Object(b.spacing)(2)),U=R.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-15qf29k-9"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,b.breakpoints.medium,b.fontSizes.infoTitle,Object(b.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(b.spacing)(5),b.breakpoints.wide,Object(b.spacing)(4)),W=R()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-15qf29k-10"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],b.breakpoints.medium,Object(b.spacing)(2),b.breakpoints.wide);var Q=e=>{let t=e.bylines,n=e.publicationName,a=e.publishedTime;return i.a.createElement(M,null,Object(T.hasBylineData)(t)&&i.a.createElement(r.Fragment,null,i.a.createElement(A,{styles:k.meta},i.a.createElement(T.ArticleBylineWithLinks,{ast:t})),i.a.createElement(B,null)),i.a.createElement(A,{styles:k.meta},i.a.createElement(V,{styles:Object(s.checkStylesForUnits)(k.datePublication)},i.a.createElement(_.a,{date:a,publication:n}))))};const G=e=>{let t=e.standfirst;return t?i.a.createElement(U,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(k.standFirst),testID:"standfirst"},t):null};G.defaultProps={standfirst:null};var J=G;w.a.string.isRequired,w.a.arrayOf(w.a.shape({})).isRequired,w.a.arrayOf(w.a.shape({expiryTime:w.a.string,type:w.a.string})),w.a.bool,w.a.string.isRequired,w.a.string,w.a.bool,w.a.string.isRequired,w.a.string.isRequired,w.a.string,w.a.string;function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){Y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Z=(e,t)=>Object(s.checkStylesForUnits)(X(X({},k.articleHeadline),{},{fontFamily:e?b.fontsWithFallback[e]:null,textTransform:t||null})),$=e=>{let t=e.authorImage,n=e.bylines,r=e.flags,a=e.hasVideo,o=e.headline,s=e.label,l=e.publicationName,c=e.publishedTime,d=e.standfirst,b=e.updatedTime;return i.a.createElement(p.a.Consumer,null,e=>{let p=e.theme,f=p.headlineFont,g=p.headlineCase;return i.a.createElement(L,{styles:k.container},i.a.createElement(N,{style:k.authorImage},i.a.createElement(u.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.a.createElement(E,{isVideo:a,label:s}),i.a.createElement(z,{role:"heading","aria-level":"1",styles:Z(f,g)},o),i.a.createElement(H,null,i.a.createElement(m.UpdatedTimeProvider,{updatedTime:b},i.a.createElement(m.ArticleFlags,{flags:r}))),i.a.createElement(J,{standfirst:d}),i.a.createElement(Q,{bylines:n,publicationName:l,publishedTime:c}))})};$.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var ee=$;function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}ne(ne({},{analyticsStream:w.a.func.isRequired,article:w.a.shape({}),error:w.a.shape({graphQLErrors:w.a.array,message:w.a.string,networkError:w.a.shape({message:w.a.string})}),isLoading:w.a.bool,onImagePress:w.a.func,receiveChildList:w.a.func.isRequired}),{},{commentingConfig:w.a.shape({account:w.a.string.isRequired}).isRequired,navigationMode:w.a.shape({}).isRequired});const ie=ne({},{article:null,error:null,isLoading:!1,onImagePress:null});function ae(){return(ae=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}class oe extends r.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props.article,t=e.bylines,n=e.expirableFlags,a=e.hasVideo,o=e.headline,c=e.label,p=e.publicationName,d=e.publishedTime,u=e.shortHeadline,m=e.standfirst,b=e.updatedTime,f=t&&t.length>0&&t[0].image&&0!==Object.keys(t[0].image).length&&t[0].image.crop?t[0].image.crop.url:null;return i.a.createElement(r.Fragment,null,i.a.createElement(ee,{authorImage:f,bylines:t,flags:n,hasVideo:a,headline:Object(s.getHeadline)(o,u),label:c,publicationName:p,publishedTime:d,standfirst:m,updatedTime:b}),i.a.createElement(W,ae({},Object(s.getLeadAsset)(e),{getImageCrop:s.getStandardTemplateCrop,renderCaption:e=>{let t=e.caption;return i.a.createElement(l.CentredCaption,t)},style:k.leadAssetContainer})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,r=e.error,a=e.isLoading,s=e.logoUrl,l=e.navigationMode,c=e.receiveChildList,p=e.commentingConfig,d=e.articleDataFromRender,u=e.paidContentClassName,m=e.isPreview,b=e.swgProductId;return r||a?null:i.a.createElement(o.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:c,navigationMode:l,commentingConfig:p,articleDataFromRender:d,paidContentClassName:u,isPreview:m,swgProductId:b})}}oe.defaultProps=ie;t.default=oe}]);
|
|
1
|
+
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=15)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(2),i=n.n(r),a=n(8),o=n.n(a),s=n(3),c=n(9),l=n(5),p=n.n(l),d=n(10),u=n.n(d),m=n(6),b=n(0),f=n(11),g=n.n(f),h=n(12),y=n.n(h),O=n(1),w=n.n(O);w.a.bool,w.a.string;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:x(x({},Object(b.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:b.colours.functional.brandColour,marginBottom:Object(b.spacing)(2),textAlign:"center"}),authorImage:{marginBottom:Object(b.spacing)(5)},container:{alignItems:"center",marginBottom:Object(b.spacing)(5),marginLeft:Object(b.spacing)(2),marginRight:Object(b.spacing)(2),paddingTop:Object(b.spacing)(7)},containerTablet:{alignSelf:"center",width:b.tabletWidth},datePublication:x(x({},Object(b.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:b.colours.functional.secondary,marginTop:Object(b.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(b.spacing)(2)},leadAssetContainer:{marginBottom:Object(b.spacing)(4)},leadAssetContainerTablet:{alignSelf:"center",width:b.tabletWidth-b.tabletRowPadding},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(b.spacing)(1)},separator:{borderRightColor:b.colours.functional.keyline,borderRightWidth:1,height:Object(b.spacing)(3),marginLeft:Object(b.spacing)(2),marginRight:Object(b.spacing)(2)},standFirst:x(x({},Object(b.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:b.colours.functional.primary,marginBottom:Object(b.spacing)(3),textAlign:"center"})});const q=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const r=t?y.a:g.a;return i.a.createElement(p.a.Consumer,null,e=>{let t=e.theme.sectionColour;return i.a.createElement(s.TcView,{style:k.label},i.a.createElement(r,{color:t||b.colours.section.default,title:n}))})};q.defaultProps={isVideo:!1,label:null};var E=q,T=n(7),S=n(13),_=n.n(S);w.a.arrayOf(w.a.shape({})).isRequired,w.a.string.isRequired,w.a.string.isRequired;var R=n(4),D=n.n(R),I=n(14),F=n.n(I);const N=D()(s.TcView).withConfig({displayName:"responsive__AuthorImageContainer",componentId:"sc-15qf29k-0"})(["border-radius:50%;height:100px;overflow:hidden;width:100px;@media (min-width:","px){height:118px;width:118px;}"],b.breakpoints.medium),V=D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-15qf29k-1"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(b.spacing)(3),b.breakpoints.medium),H=D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-15qf29k-2"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(b.spacing)(1),Object(b.spacing)(3),b.breakpoints.medium),L=D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15qf29k-3"})([""," order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],e=>e.styles&&e.styles,b.breakpoints.medium,Object(b.spacing)(6),b.breakpoints.wide),A=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15qf29k-4"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,b.breakpoints.medium,b.fontSizes.articleHeadline,Object(b.spacing)(1)),z=(D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15qf29k-5"})(["@media (min-width:","px){margin-top:0px;}"],b.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-15qf29k-6"})([""," max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,b.breakpoints.medium)),M=D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-15qf29k-7"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],b.breakpoints.medium),B=D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-15qf29k-8"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],b.breakpoints.medium,b.colours.functional.keyline,Object(b.spacing)(3),Object(b.spacing)(2)),W=D.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-15qf29k-9"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,b.breakpoints.medium,b.fontSizes.infoTitle,Object(b.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(b.spacing)(5),b.breakpoints.wide,Object(b.spacing)(4)),U=D()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-15qf29k-10"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],b.breakpoints.medium,Object(b.spacing)(2),b.breakpoints.wide);var Q=e=>{let t=e.bylines,n=e.publicationName,a=e.publishedTime;return i.a.createElement(M,null,Object(T.hasBylineData)(t)&&i.a.createElement(r.Fragment,null,i.a.createElement(z,{styles:k.meta},i.a.createElement(T.ArticleBylineWithLinks,{ast:t})),i.a.createElement(B,null)),i.a.createElement(z,{styles:k.meta},i.a.createElement(V,{styles:Object(s.checkStylesForUnits)(k.datePublication)},i.a.createElement(_.a,{date:a,publication:n}))))};const G=e=>{let t=e.standfirst;return t?i.a.createElement(W,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(k.standFirst),testID:"standfirst"},t):null};G.defaultProps={standfirst:null};var J=G;w.a.string.isRequired,w.a.arrayOf(w.a.shape({})).isRequired,w.a.arrayOf(w.a.shape({expiryTime:w.a.string,type:w.a.string})),w.a.bool,w.a.string.isRequired,w.a.string,w.a.bool,w.a.string.isRequired,w.a.string.isRequired,w.a.string,w.a.string;function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){Y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Z=(e,t)=>Object(s.checkStylesForUnits)(X(X({},k.articleHeadline),{},{fontFamily:e?b.fontsWithFallback[e]:null,textTransform:t||null})),$=e=>{let t=e.authorImage,n=e.bylines,r=e.flags,a=e.hasVideo,o=e.headline,s=e.label,c=e.publicationName,l=e.publishedTime,d=e.standfirst,b=e.updatedTime;return i.a.createElement(p.a.Consumer,null,e=>{let p=e.theme,f=p.headlineFont,g=p.headlineCase;return i.a.createElement(L,{styles:k.container},i.a.createElement(N,{style:k.authorImage},i.a.createElement(u.a,{aspectRatio:1,uri:t,accessibilityLabel:"author-image"})),i.a.createElement(E,{isVideo:a,label:s}),i.a.createElement(A,{role:"heading","aria-level":"1",styles:Z(f,g)},o),i.a.createElement(H,null,i.a.createElement(m.UpdatedTimeProvider,{updatedTime:b},i.a.createElement(m.ArticleFlags,{flags:r}))),i.a.createElement(J,{standfirst:d}),i.a.createElement(Q,{bylines:n,publicationName:c,publishedTime:l}))})};$.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var ee=$;function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}ne(ne({},{analyticsStream:w.a.func.isRequired,article:w.a.shape({}),error:w.a.shape({graphQLErrors:w.a.array,message:w.a.string,networkError:w.a.shape({message:w.a.string})}),isLoading:w.a.bool,onImagePress:w.a.func,receiveChildList:w.a.func.isRequired}),{},{commentingConfig:w.a.shape({account:w.a.string.isRequired}).isRequired,navigationMode:w.a.shape({}).isRequired});const ie=ne({},{article:null,error:null,isLoading:!1,onImagePress:null});function ae(){return(ae=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}class oe extends r.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props,t=e.article,n=e.articleDataFromRender,a=t.bylines,o=t.expirableFlags,l=t.hasVideo,p=t.headline,d=t.label,u=t.publicationName,m=t.publishedTime,b=t.shortHeadline,f=t.standfirst,g=t.updatedTime,h=a&&a.length>0&&a[0].image&&0!==Object.keys(a[0].image).length&&a[0].image.crop?a[0].image.crop.url:null;return i.a.createElement(r.Fragment,null,i.a.createElement(ee,{authorImage:h,bylines:a,flags:o,hasVideo:l,headline:Object(s.getHeadline)(p,b),label:d,publicationName:u,publishedTime:m,standfirst:f,updatedTime:g}),i.a.createElement(U,ae({},Object(s.getLeadAsset)(t),{getImageCrop:s.getStandardTemplateCrop,renderCaption:e=>{let t=e.caption;return i.a.createElement(c.CentredCaption,t)},style:k.leadAssetContainer,isWebPFormatActive:n&&n.isWebPFormatActive})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,r=e.error,a=e.isLoading,s=e.logoUrl,c=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.articleDataFromRender,u=e.paidContentClassName,m=e.isPreview,b=e.swgProductId;return r||a?null:i.a.createElement(o.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:l,navigationMode:c,commentingConfig:p,articleDataFromRender:d,paidContentClassName:u,isPreview:m,swgProductId:b})}}oe.defaultProps=ie;t.default=oe}]);
|