@times-components/article-in-depth 3.97.5 → 3.98.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-in-depth.js +17 -14
- package/package.json +14 -14
- 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.98.0](https://github.com/newsuk/times-components/compare/@times-components/article-in-depth@3.97.5...@times-components/article-in-depth@3.98.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.97.5](https://github.com/newsuk/times-components/compare/@times-components/article-in-depth@3.97.4...@times-components/article-in-depth@3.97.5) (2025-04-11)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/article-in-depth
|
package/dist/article-in-depth.js
CHANGED
|
@@ -38,7 +38,9 @@ class ArticlePage extends _react.Component {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
renderHeader() {
|
|
41
|
-
const
|
|
41
|
+
const _this$props = this.props,
|
|
42
|
+
article = _this$props.article,
|
|
43
|
+
articleDataFromRender = _this$props.articleDataFromRender;
|
|
42
44
|
const backgroundColour = article.backgroundColour,
|
|
43
45
|
bylines = article.bylines,
|
|
44
46
|
expirableFlags = article.expirableFlags,
|
|
@@ -65,7 +67,8 @@ 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.leadAsset
|
|
70
|
+
style: _styles.default.leadAsset,
|
|
71
|
+
isWebPFormatActive: articleDataFromRender && articleDataFromRender.isWebPFormatActive
|
|
69
72
|
})), /*#__PURE__*/_react.default.createElement(_articleSkeleton.ArticleKeylineItem, null, /*#__PURE__*/_react.default.createElement(_articleMeta.default, {
|
|
70
73
|
backgroundColour: backgroundColour,
|
|
71
74
|
bylines: bylines,
|
|
@@ -76,18 +79,18 @@ class ArticlePage extends _react.Component {
|
|
|
76
79
|
}
|
|
77
80
|
|
|
78
81
|
render() {
|
|
79
|
-
const _this$
|
|
80
|
-
article = _this$
|
|
81
|
-
analyticsStream = _this$
|
|
82
|
-
error = _this$
|
|
83
|
-
isLoading = _this$
|
|
84
|
-
logoUrl = _this$
|
|
85
|
-
navigationMode = _this$
|
|
86
|
-
receiveChildList = _this$
|
|
87
|
-
commentingConfig = _this$
|
|
88
|
-
articleDataFromRender = _this$
|
|
89
|
-
isPreview = _this$
|
|
90
|
-
swgProductId = _this$
|
|
82
|
+
const _this$props2 = this.props,
|
|
83
|
+
article = _this$props2.article,
|
|
84
|
+
analyticsStream = _this$props2.analyticsStream,
|
|
85
|
+
error = _this$props2.error,
|
|
86
|
+
isLoading = _this$props2.isLoading,
|
|
87
|
+
logoUrl = _this$props2.logoUrl,
|
|
88
|
+
navigationMode = _this$props2.navigationMode,
|
|
89
|
+
receiveChildList = _this$props2.receiveChildList,
|
|
90
|
+
commentingConfig = _this$props2.commentingConfig,
|
|
91
|
+
articleDataFromRender = _this$props2.articleDataFromRender,
|
|
92
|
+
isPreview = _this$props2.isPreview,
|
|
93
|
+
swgProductId = _this$props2.swgProductId;
|
|
91
94
|
|
|
92
95
|
if (error || isLoading) {
|
|
93
96
|
return null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-in-depth",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.98.0",
|
|
4
4
|
"description": "In Depth Article Template",
|
|
5
5
|
"main": "dist/article-in-depth",
|
|
6
6
|
"dev": "src/article-in-depth",
|
|
@@ -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,19 +53,19 @@
|
|
|
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/ts-components": "1.128.
|
|
64
|
+
"@times-components/ts-components": "1.128.2",
|
|
65
65
|
"@times-components/ts-styleguide": "1.52.2",
|
|
66
|
-
"@times-components/user-state": "0.7.
|
|
67
|
-
"@times-components/utils": "6.31.
|
|
68
|
-
"@times-components/video-label": "2.11.
|
|
66
|
+
"@times-components/user-state": "0.7.1",
|
|
67
|
+
"@times-components/utils": "6.31.5",
|
|
68
|
+
"@times-components/video-label": "2.11.77",
|
|
69
69
|
"prop-types": "15.7.2",
|
|
70
70
|
"styled-components": "4.3.2"
|
|
71
71
|
},
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"publishConfig": {
|
|
81
81
|
"access": "public"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "07b292c2f7d20953935b846634c55df093705568"
|
|
84
84
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.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 i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));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=14)}([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/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/caption/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){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(2),i=r.n(n),a=r(6),o=r.n(a),c=r(3),l=r(9),s=r(7),p=r(5),d=r.n(p),u=r(10),b=r.n(u),m=r(0),g=r(1),f=r.n(g);f.a.arrayOf(f.a.shape({})).isRequired,f.a.string.isRequired,f.a.string.isRequired;var y=r(4),h=r.n(y),O=r(11),w=r.n(O);const j=h()(c.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-3t8ix5-0"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(m.spacing)(1),m.breakpoints.medium),x=h()(c.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-3t8ix5-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(m.spacing)(1),Object(m.spacing)(3),m.breakpoints.medium),v=h()(c.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-3t8ix5-2"})([""," order:2;padding:61px 10px 45px;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto !important;margin-right:auto !important;}@media (min-width:","px){width:56.2%;}"],e=>e.styles&&e.styles,m.breakpoints.medium,m.breakpoints.wide),P=h.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-3t8ix5-3"})(["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,m.breakpoints.medium,m.fontSizes.articleHeadline,Object(m.spacing)(1)),C=(h()(c.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-3t8ix5-4"})(["@media (min-width:","px){margin-top:0px;}"],m.breakpoints.wide),h()(c.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-3t8ix5-5"})(["max-width:100%;@media (min-width:","px){margin-top:0;}"],m.breakpoints.medium)),T=h()(c.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-3t8ix5-6"})(["align-items:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],m.breakpoints.medium),E=h()(c.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-3t8ix5-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],m.breakpoints.medium,m.colours.functional.keyline,Object(m.spacing)(3),Object(m.spacing)(2)),k=h.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-3t8ix5-8"})(["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,m.breakpoints.medium,m.fontSizes.infoTitle,Object(m.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(m.spacing)(5),m.breakpoints.wide,Object(m.spacing)(4)),S=h()(w.a).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-3t8ix5-9"})(["order:2;@media (min-width:","px){width:100%;margin-left:auto;margin-right:auto;}"],m.breakpoints.wide);h()(c.TcView).withConfig({displayName:"responsive__LeadAssetCaptionContainer",componentId:"sc-3t8ix5-10"})(["display:flex;"]);function _(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 D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){q(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function q(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){R(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(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=F(F({},{articleHeadline:D(D({},Object(m.fontFactory)({font:"headline",fontSize:"headline"})),{},{fontWeight:400,color:m.colours.functional.brandColour,marginBottom:Object(m.spacing)(2),textAlign:"center"}),container:{alignItems:"center",paddingBottom:Object(m.spacing)(9),paddingLeft:Object(m.spacing)(4),paddingRight:Object(m.spacing)(4),paddingTop:Object(m.spacing)(12)},containerTablet:{alignSelf:"center",maxWidth:m.tabletWidthMax},datePublication:D(D({},Object(m.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:m.colours.functional.secondary,marginTop:Object(m.spacing)(1)}),datePulicationTablet:{marginTop:Object(m.spacing)(0)},headerText:{alignItems:"center"},headerTextTablet:{width:m.tabletWidth},label:{marginBottom:Object(m.spacing)(2)},leadAsset:{marginBottom:Object(m.spacing)(0)},leadAssetTablet:{alignSelf:"center",maxWidth:m.tabletWidthMax,width:"100%"},meta:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center"},metaContainer:{alignItems:"center",marginLeft:Object(m.spacing)(2),marginRight:Object(m.spacing)(2),paddingBottom:Object(m.spacing)(2),paddingTop:Object(m.spacing)(2),borderBottomColor:m.colours.functional.keyline,borderBottomWidth:1,borderTopColor:m.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(m.spacing)(4)},metaContainerTablet:{alignSelf:"center",width:m.tabletWidth},metaContainerTabletFlow:{alignItems:"center",flexDirection:"row",justifyContent:"center",width:"100%"},separator:{borderRightColor:m.colours.functional.keyline,borderRightWidth:1,height:Object(m.spacing)(3),marginRight:Object(m.spacing)(2),paddingLeft:Object(m.spacing)(2)},standFirst:D(D({},Object(m.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{fontWeight:400,color:m.colours.functional.primary,marginBottom:Object(m.spacing)(3),textAlign:"center"})}),{},{leadAsset:{marginBottom:Object(m.spacing)(4)},metaContainer:{justifyContent:"center",paddingTop:Object(m.spacing)(2),paddingBottom:Object(m.spacing)(2)}});var L=e=>{let t=e.bylines,r=e.publicationName,a=e.publishedTime;return i.a.createElement(T,{style:V.metaContainer},Object(s.hasBylineData)(t)&&i.a.createElement(n.Fragment,null,i.a.createElement(C,{style:V.meta},i.a.createElement(d.a.Consumer,null,e=>{let r=e.theme.sectionColour;return i.a.createElement(s.ArticleBylineWithLinks,{ast:t,color:r||m.colours.section.default})})),i.a.createElement(E,null)),i.a.createElement(C,{style:V.meta},i.a.createElement(j,{styles:Object(c.checkStylesForUnits)(V.datePublication)},i.a.createElement(b.a,{date:a,publication:r}))))},H=r(8),N=r(12),W=r.n(N),B=r(13),A=r.n(B);f.a.string,f.a.bool,f.a.string;const M={color:m.colours.section.default,isVideo:!1,label:null},z=e=>{let t=e.color,r=e.isVideo,n=e.label;if(!r&&!n)return null;const a=r?A.a:W.a;return i.a.createElement(c.TcView,{style:V.label},i.a.createElement(a,{color:t,title:n}))};z.defaultProps=M;var U=z;function K(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?K(Object(r),!0).forEach((function(t){G(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):K(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}const J=e=>{let t=e.standfirst,r=e.color;return t?i.a.createElement(k,{role:"heading","aria-level":"2",styles:Q(Q({},Object(c.checkStylesForUnits)(V.standFirst)),{},{color:r}),testID:"standfirst"},t):null};J.defaultProps={color:m.colours.functional.white,standfirst:null};var X=J;f.a.shape({rgba:f.a.shape({alpha:f.a.number,blue:f.a.number,green:f.a.number,red:f.a.number})}),f.a.arrayOf(f.a.shape({expiryTime:f.a.string,type:f.a.string})),f.a.bool,f.a.string.isRequired,f.a.string,f.a.bool,f.a.string,f.a.shape({rgba:f.a.shape({alpha:f.a.number,blue:f.a.number,green:f.a.number,red:f.a.number})}),f.a.string;function Y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(r),!0).forEach((function(t){$(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function $(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const ee=e=>{let t=e.backgroundColour,r=e.flags,n=e.hasVideo,a=e.headline,o=e.label,l=e.standfirst,s=e.textColour,p=e.updatedTime;const u=Object(c.gqlRgbaToStyle)(t),b=Object(c.gqlRgbaToStyle)(s),g=(e,t)=>Object(c.checkStylesForUnits)(Z(Z({},V.articleHeadline),{},{color:b,fontFamily:e?m.fontsWithFallback[e]:null,textTransform:t||null}));return i.a.createElement(d.a.Consumer,null,e=>{let t=e.theme,s=t.headlineFont,d=t.headlineCase;return i.a.createElement(c.TcView,{style:{backgroundColor:u,order:2,width:"100%"}},i.a.createElement(v,{styles:V.container},i.a.createElement(U,{color:b,isVideo:n,label:o}),i.a.createElement(P,{role:"heading","aria-level":"1",styles:g(s,d)},a),i.a.createElement(x,null,i.a.createElement(H.UpdatedTimeProvider,{updatedTime:p},i.a.createElement(H.ArticleFlags,{color:b,flags:r}))),i.a.createElement(X,{color:b,standfirst:l})))})};ee.defaultProps={backgroundColour:{rgba:{alpha:1,blue:255,green:255,red:255}},flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,textColour:{rgba:{alpha:1,blue:0,green:0,red:0}},updatedTime:null};var te=ee;function re(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 ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?re(Object(r),!0).forEach((function(t){ie(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ie(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}ne(ne({},{analyticsStream:f.a.func.isRequired,article:f.a.shape({}),error:f.a.shape({graphQLErrors:f.a.array,message:f.a.string,networkError:f.a.shape({message:f.a.string})}),isLoading:f.a.bool,onImagePress:f.a.func,receiveChildList:f.a.func.isRequired}),{},{navigationMode:f.a.shape({}).isRequired});const ae=ne({},{article:null,error:null,isLoading:!1,onImagePress:null});function oe(){return(oe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}class ce extends n.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props.article,t=e.backgroundColour,r=e.bylines,o=e.expirableFlags,s=e.hasVideo,p=e.headline,d=e.label,u=e.publicationName,b=e.publishedTime,m=e.shortHeadline,g=e.standfirst,f=e.textColour,y=e.updatedTime;return i.a.createElement(n.Fragment,null,i.a.createElement(te,{backgroundColour:t,flags:o,hasVideo:s,headline:Object(c.getHeadline)(p,m),label:d,standfirst:g,textColour:f,updatedTime:y}),i.a.createElement(S,oe({},Object(c.getLeadAsset)(e),{renderCaption:e=>{let t=e.caption;return i.a.createElement(l.CentredCaption,t)},style:V.leadAsset})),i.a.createElement(a.ArticleKeylineItem,null,i.a.createElement(L,{backgroundColour:t,bylines:r,publicationName:u,publishedTime:b,textColour:f})))}render(){const e=this.props,t=e.article,r=e.analyticsStream,n=e.error,a=e.isLoading,c=e.logoUrl,l=e.navigationMode,s=e.receiveChildList,p=e.commentingConfig,d=e.articleDataFromRender,u=e.isPreview,b=e.swgProductId;return n||a?null:i.a.createElement(o.a,{analyticsStream:r,data:t,Header:this.renderHeader,logoUrl:c,receiveChildList:s,navigationMode:l,commentingConfig:p,articleDataFromRender:d,isPreview:u,swgProductId:b})}}ce.defaultProps=ae;t.default=ce}]);
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.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 i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));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=14)}([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/article-skeleton/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/caption/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){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(2),i=r.n(n),a=r(6),o=r.n(a),c=r(3),l=r(9),s=r(7),p=r(5),d=r.n(p),u=r(10),b=r.n(u),m=r(0),g=r(1),f=r.n(g);f.a.arrayOf(f.a.shape({})).isRequired,f.a.string.isRequired,f.a.string.isRequired;var y=r(4),h=r.n(y),O=r(11),w=r.n(O);const j=h()(c.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"sc-3t8ix5-0"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(m.spacing)(1),m.breakpoints.medium),x=h()(c.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"sc-3t8ix5-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(m.spacing)(1),Object(m.spacing)(3),m.breakpoints.medium),v=h()(c.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-3t8ix5-2"})([""," order:2;padding:61px 10px 45px;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto !important;margin-right:auto !important;}@media (min-width:","px){width:56.2%;}"],e=>e.styles&&e.styles,m.breakpoints.medium,m.breakpoints.wide),P=h.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-3t8ix5-3"})(["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,m.breakpoints.medium,m.fontSizes.articleHeadline,Object(m.spacing)(1)),C=(h()(c.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-3t8ix5-4"})(["@media (min-width:","px){margin-top:0px;}"],m.breakpoints.wide),h()(c.TcView).withConfig({displayName:"responsive__Meta",componentId:"sc-3t8ix5-5"})(["max-width:100%;@media (min-width:","px){margin-top:0;}"],m.breakpoints.medium)),T=h()(c.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"sc-3t8ix5-6"})(["align-items:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],m.breakpoints.medium),E=h()(c.TcView).withConfig({displayName:"responsive__Separator",componentId:"sc-3t8ix5-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],m.breakpoints.medium,m.colours.functional.keyline,Object(m.spacing)(3),Object(m.spacing)(2)),k=h.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"sc-3t8ix5-8"})(["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,m.breakpoints.medium,m.fontSizes.infoTitle,Object(m.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(m.spacing)(5),m.breakpoints.wide,Object(m.spacing)(4)),S=h()(w.a).withConfig({displayName:"responsive__LeadAsset",componentId:"sc-3t8ix5-9"})(["order:2;@media (min-width:","px){width:100%;margin-left:auto;margin-right:auto;}"],m.breakpoints.wide);h()(c.TcView).withConfig({displayName:"responsive__LeadAssetCaptionContainer",componentId:"sc-3t8ix5-10"})(["display:flex;"]);function D(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 _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){q(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function q(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(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 I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){R(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(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=I(I({},{articleHeadline:_(_({},Object(m.fontFactory)({font:"headline",fontSize:"headline"})),{},{fontWeight:400,color:m.colours.functional.brandColour,marginBottom:Object(m.spacing)(2),textAlign:"center"}),container:{alignItems:"center",paddingBottom:Object(m.spacing)(9),paddingLeft:Object(m.spacing)(4),paddingRight:Object(m.spacing)(4),paddingTop:Object(m.spacing)(12)},containerTablet:{alignSelf:"center",maxWidth:m.tabletWidthMax},datePublication:_(_({},Object(m.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:m.colours.functional.secondary,marginTop:Object(m.spacing)(1)}),datePulicationTablet:{marginTop:Object(m.spacing)(0)},headerText:{alignItems:"center"},headerTextTablet:{width:m.tabletWidth},label:{marginBottom:Object(m.spacing)(2)},leadAsset:{marginBottom:Object(m.spacing)(0)},leadAssetTablet:{alignSelf:"center",maxWidth:m.tabletWidthMax,width:"100%"},meta:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center"},metaContainer:{alignItems:"center",marginLeft:Object(m.spacing)(2),marginRight:Object(m.spacing)(2),paddingBottom:Object(m.spacing)(2),paddingTop:Object(m.spacing)(2),borderBottomColor:m.colours.functional.keyline,borderBottomWidth:1,borderTopColor:m.colours.functional.keyline,borderTopWidth:1,marginBottom:Object(m.spacing)(4)},metaContainerTablet:{alignSelf:"center",width:m.tabletWidth},metaContainerTabletFlow:{alignItems:"center",flexDirection:"row",justifyContent:"center",width:"100%"},separator:{borderRightColor:m.colours.functional.keyline,borderRightWidth:1,height:Object(m.spacing)(3),marginRight:Object(m.spacing)(2),paddingLeft:Object(m.spacing)(2)},standFirst:_(_({},Object(m.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{fontWeight:400,color:m.colours.functional.primary,marginBottom:Object(m.spacing)(3),textAlign:"center"})}),{},{leadAsset:{marginBottom:Object(m.spacing)(4)},metaContainer:{justifyContent:"center",paddingTop:Object(m.spacing)(2),paddingBottom:Object(m.spacing)(2)}});var W=e=>{let t=e.bylines,r=e.publicationName,a=e.publishedTime;return i.a.createElement(T,{style:V.metaContainer},Object(s.hasBylineData)(t)&&i.a.createElement(n.Fragment,null,i.a.createElement(C,{style:V.meta},i.a.createElement(d.a.Consumer,null,e=>{let r=e.theme.sectionColour;return i.a.createElement(s.ArticleBylineWithLinks,{ast:t,color:r||m.colours.section.default})})),i.a.createElement(E,null)),i.a.createElement(C,{style:V.meta},i.a.createElement(j,{styles:Object(c.checkStylesForUnits)(V.datePublication)},i.a.createElement(b.a,{date:a,publication:r}))))},L=r(8),A=r(12),H=r.n(A),N=r(13),B=r.n(N);f.a.string,f.a.bool,f.a.string;const M={color:m.colours.section.default,isVideo:!1,label:null},z=e=>{let t=e.color,r=e.isVideo,n=e.label;if(!r&&!n)return null;const a=r?B.a:H.a;return i.a.createElement(c.TcView,{style:V.label},i.a.createElement(a,{color:t,title:n}))};z.defaultProps=M;var U=z;function K(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?K(Object(r),!0).forEach((function(t){G(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):K(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}const J=e=>{let t=e.standfirst,r=e.color;return t?i.a.createElement(k,{role:"heading","aria-level":"2",styles:Q(Q({},Object(c.checkStylesForUnits)(V.standFirst)),{},{color:r}),testID:"standfirst"},t):null};J.defaultProps={color:m.colours.functional.white,standfirst:null};var X=J;f.a.shape({rgba:f.a.shape({alpha:f.a.number,blue:f.a.number,green:f.a.number,red:f.a.number})}),f.a.arrayOf(f.a.shape({expiryTime:f.a.string,type:f.a.string})),f.a.bool,f.a.string.isRequired,f.a.string,f.a.bool,f.a.string,f.a.shape({rgba:f.a.shape({alpha:f.a.number,blue:f.a.number,green:f.a.number,red:f.a.number})}),f.a.string;function Y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(r),!0).forEach((function(t){$(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function $(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const ee=e=>{let t=e.backgroundColour,r=e.flags,n=e.hasVideo,a=e.headline,o=e.label,l=e.standfirst,s=e.textColour,p=e.updatedTime;const u=Object(c.gqlRgbaToStyle)(t),b=Object(c.gqlRgbaToStyle)(s),g=(e,t)=>Object(c.checkStylesForUnits)(Z(Z({},V.articleHeadline),{},{color:b,fontFamily:e?m.fontsWithFallback[e]:null,textTransform:t||null}));return i.a.createElement(d.a.Consumer,null,e=>{let t=e.theme,s=t.headlineFont,d=t.headlineCase;return i.a.createElement(c.TcView,{style:{backgroundColor:u,order:2,width:"100%"}},i.a.createElement(v,{styles:V.container},i.a.createElement(U,{color:b,isVideo:n,label:o}),i.a.createElement(P,{role:"heading","aria-level":"1",styles:g(s,d)},a),i.a.createElement(x,null,i.a.createElement(L.UpdatedTimeProvider,{updatedTime:p},i.a.createElement(L.ArticleFlags,{color:b,flags:r}))),i.a.createElement(X,{color:b,standfirst:l})))})};ee.defaultProps={backgroundColour:{rgba:{alpha:1,blue:255,green:255,red:255}},flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,textColour:{rgba:{alpha:1,blue:0,green:0,red:0}},updatedTime:null};var te=ee;function re(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 ne(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?re(Object(r),!0).forEach((function(t){ie(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):re(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ie(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}ne(ne({},{analyticsStream:f.a.func.isRequired,article:f.a.shape({}),error:f.a.shape({graphQLErrors:f.a.array,message:f.a.string,networkError:f.a.shape({message:f.a.string})}),isLoading:f.a.bool,onImagePress:f.a.func,receiveChildList:f.a.func.isRequired}),{},{navigationMode:f.a.shape({}).isRequired});const ae=ne({},{article:null,error:null,isLoading:!1,onImagePress:null});function oe(){return(oe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}class ce extends n.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props,t=e.article,r=e.articleDataFromRender,o=t.backgroundColour,s=t.bylines,p=t.expirableFlags,d=t.hasVideo,u=t.headline,b=t.label,m=t.publicationName,g=t.publishedTime,f=t.shortHeadline,y=t.standfirst,h=t.textColour,O=t.updatedTime;return i.a.createElement(n.Fragment,null,i.a.createElement(te,{backgroundColour:o,flags:p,hasVideo:d,headline:Object(c.getHeadline)(u,f),label:b,standfirst:y,textColour:h,updatedTime:O}),i.a.createElement(S,oe({},Object(c.getLeadAsset)(t),{renderCaption:e=>{let t=e.caption;return i.a.createElement(l.CentredCaption,t)},style:V.leadAsset,isWebPFormatActive:r&&r.isWebPFormatActive})),i.a.createElement(a.ArticleKeylineItem,null,i.a.createElement(W,{backgroundColour:o,bylines:s,publicationName:m,publishedTime:g,textColour:h})))}render(){const e=this.props,t=e.article,r=e.analyticsStream,n=e.error,a=e.isLoading,c=e.logoUrl,l=e.navigationMode,s=e.receiveChildList,p=e.commentingConfig,d=e.articleDataFromRender,u=e.isPreview,b=e.swgProductId;return n||a?null:i.a.createElement(o.a,{analyticsStream:r,data:t,Header:this.renderHeader,logoUrl:c,receiveChildList:s,navigationMode:l,commentingConfig:p,articleDataFromRender:d,isPreview:u,swgProductId:b})}}ce.defaultProps=ae;t.default=ce}]);
|