@times-components/article-extras 0.28.16-alpha.8 → 0.29.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-extras.js +10 -9
- package/dist/styles/index.js +1 -36
- package/package.json +20 -20
- 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
|
+
# [0.29.0](https://github.com/newsuk/times-components/compare/@times-components/article-extras@0.28.15...@times-components/article-extras@0.29.0) (2024-08-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRS-268:** update queries and article list component to use upda… ([#3913](https://github.com/newsuk/times-components/issues/3913)) ([28184a2](https://github.com/newsuk/times-components/commit/28184a239aa0b33753b5183e41ecf73fff404636))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.28.15](https://github.com/newsuk/times-components/compare/@times-components/article-extras@0.28.14...@times-components/article-extras@0.28.15) (2024-07-23)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/article-extras
|
package/dist/article-extras.js
CHANGED
|
@@ -87,15 +87,16 @@ const ArticleExtras = _ref => {
|
|
|
87
87
|
articleId: articleId,
|
|
88
88
|
articleHeadline: articleHeadline,
|
|
89
89
|
articleSection: section
|
|
90
|
-
})), /*#__PURE__*/_react.default.createElement(_styles.
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}), /*#__PURE__*/_react.default.createElement(_styles.
|
|
97
|
-
id: "advert-inarticle-native-
|
|
98
|
-
|
|
90
|
+
})), /*#__PURE__*/_react.default.createElement(_styles.NativeAd, {
|
|
91
|
+
className: "group-3 hidden",
|
|
92
|
+
key: "1"
|
|
93
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.NativeAdTitle, null, "Sponsored"), /*#__PURE__*/_react.default.createElement(_styles.Ad, {
|
|
94
|
+
id: "advert-inarticle-native-1",
|
|
95
|
+
"data-parent": "group-3"
|
|
96
|
+
}), /*#__PURE__*/_react.default.createElement(_styles.Ad, {
|
|
97
|
+
id: "advert-inarticle-native-2",
|
|
98
|
+
"data-parent": "group-3"
|
|
99
|
+
})));
|
|
99
100
|
|
|
100
101
|
return /*#__PURE__*/_react.default.createElement(_userState.default, {
|
|
101
102
|
state: _userState.default.showArticleExtras,
|
package/dist/styles/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.
|
|
6
|
+
exports.default = exports.Ad = exports.NativeAdTitle = exports.NativeAd = void 0;
|
|
7
7
|
|
|
8
8
|
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
9
|
|
|
@@ -76,40 +76,5 @@ const styles = {
|
|
|
76
76
|
width: "100%"
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
|
-
|
|
80
|
-
const PromotedContentContainer = _styledComponents.default.div.withConfig({
|
|
81
|
-
displayName: "styles__PromotedContentContainer",
|
|
82
|
-
componentId: "sc-1ul3b7n-3"
|
|
83
|
-
})(["border-top:2px solid #1d1d1b;background-color:#f5f5f5;padding:20px;"]);
|
|
84
|
-
|
|
85
|
-
exports.PromotedContentContainer = PromotedContentContainer;
|
|
86
|
-
|
|
87
|
-
const PromotedContentTitle = _styledComponents.default.span.withConfig({
|
|
88
|
-
displayName: "styles__PromotedContentTitle",
|
|
89
|
-
componentId: "sc-1ul3b7n-4"
|
|
90
|
-
})(["font-family:\"Roboto\";font-weight:500;font-size:12px;line-height:16px;color:#3b3b3b;"]);
|
|
91
|
-
|
|
92
|
-
exports.PromotedContentTitle = PromotedContentTitle;
|
|
93
|
-
|
|
94
|
-
const PromotedContentGrid = _styledComponents.default.div.withConfig({
|
|
95
|
-
displayName: "styles__PromotedContentGrid",
|
|
96
|
-
componentId: "sc-1ul3b7n-5"
|
|
97
|
-
})(["display:grid;grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:16px;margin-block-start:14px;"]);
|
|
98
|
-
|
|
99
|
-
exports.PromotedContentGrid = PromotedContentGrid;
|
|
100
|
-
|
|
101
|
-
const PromotedContentAd = _styledComponents.default.div.withConfig({
|
|
102
|
-
displayName: "styles__PromotedContentAd",
|
|
103
|
-
componentId: "sc-1ul3b7n-6"
|
|
104
|
-
})(["position:relative;min-height:250px;&:nth-child(1)::after,&:nth-child(4)::after{position:absolute;content:\"\";top:0;right:-8px;width:1px;height:100%;background-color:#c2c2c2;}"]);
|
|
105
|
-
|
|
106
|
-
exports.PromotedContentAd = PromotedContentAd;
|
|
107
|
-
|
|
108
|
-
const PromotedContentSectionDivider = _styledComponents.default.div.withConfig({
|
|
109
|
-
displayName: "styles__PromotedContentSectionDivider",
|
|
110
|
-
componentId: "sc-1ul3b7n-7"
|
|
111
|
-
})(["border-top:1px solid #e4e4e4;grid-column:1 / 3;"]);
|
|
112
|
-
|
|
113
|
-
exports.PromotedContentSectionDivider = PromotedContentSectionDivider;
|
|
114
79
|
var _default = styles;
|
|
115
80
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-extras",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.0",
|
|
4
4
|
"description": "Extra information components at the bottom of the articles, such as topics, related articles and comments ",
|
|
5
5
|
"main": "dist/index",
|
|
6
6
|
"dev": "src/index",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@babel/core": "7.4.4",
|
|
36
|
-
"@times-components/eslint-config-thetimes": "
|
|
37
|
-
"@times-components/jest-configurator-web": "
|
|
38
|
-
"@times-components/jest-serializer": "
|
|
39
|
-
"@times-components/storybook": "
|
|
40
|
-
"@times-components/test-utils": "
|
|
41
|
-
"@times-components/webpack-configurator": "
|
|
36
|
+
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
37
|
+
"@times-components/jest-configurator-web": "0.8.2",
|
|
38
|
+
"@times-components/jest-serializer": "3.13.20",
|
|
39
|
+
"@times-components/storybook": "4.12.34",
|
|
40
|
+
"@times-components/test-utils": "2.4.2",
|
|
41
|
+
"@times-components/webpack-configurator": "2.1.1",
|
|
42
42
|
"babel-jest": "24.8.0",
|
|
43
43
|
"eslint": "5.9.0",
|
|
44
44
|
"jest": "24.8.0",
|
|
@@ -49,18 +49,18 @@
|
|
|
49
49
|
"webpack": "4.30.0"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@times-components/article-comments": "
|
|
53
|
-
"@times-components/article-topics": "
|
|
54
|
-
"@times-components/button": "
|
|
55
|
-
"@times-components/context": "
|
|
56
|
-
"@times-components/message-bar": "
|
|
57
|
-
"@times-components/related-articles": "
|
|
58
|
-
"@times-components/save-and-share-bar": "
|
|
59
|
-
"@times-components/ts-components": "
|
|
60
|
-
"@times-components/ts-newskit": "
|
|
61
|
-
"@times-components/ts-styleguide": "
|
|
62
|
-
"@times-components/user-state": "
|
|
63
|
-
"@times-components/utils": "
|
|
52
|
+
"@times-components/article-comments": "0.43.28",
|
|
53
|
+
"@times-components/article-topics": "4.11.55",
|
|
54
|
+
"@times-components/button": "2.10.61",
|
|
55
|
+
"@times-components/context": "1.24.0",
|
|
56
|
+
"@times-components/message-bar": "0.7.85",
|
|
57
|
+
"@times-components/related-articles": "6.17.77",
|
|
58
|
+
"@times-components/save-and-share-bar": "0.22.1",
|
|
59
|
+
"@times-components/ts-components": "1.99.0",
|
|
60
|
+
"@times-components/ts-newskit": "1.189.0",
|
|
61
|
+
"@times-components/ts-styleguide": "1.50.34",
|
|
62
|
+
"@times-components/user-state": "0.5.51",
|
|
63
|
+
"@times-components/utils": "6.26.0",
|
|
64
64
|
"prop-types": "15.7.2",
|
|
65
65
|
"styled-components": "4.3.2"
|
|
66
66
|
},
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"publishConfig": {
|
|
76
76
|
"access": "public"
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "bcc7c21aebd47d19401ccb6aaa9cfd754ba2e06f"
|
|
79
79
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=13)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/related-articles/rnw")},function(e,t){e.exports=require("@times-components/message-bar/rnw")},function(e,t){e.exports=require("@times-components/save-and-share-bar/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/ts-newskit/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=(n(4),n(3)),a=n.n(i),
|
|
1
|
+
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=13)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/user-state/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/article-comments/rnw")},function(e,t){e.exports=require("@times-components/related-articles/rnw")},function(e,t){e.exports=require("@times-components/message-bar/rnw")},function(e,t){e.exports=require("@times-components/save-and-share-bar/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/ts-newskit/rnw")},function(e,t){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=(n(4),n(3)),a=n.n(i),c=n(5),l=n.n(c),s=n(6),d=n.n(s),p=n(7),u=n(8),m=n.n(u),b=n(9),f=n(10),g=n(11),h=n.n(g),y=n(12),w=n(2),x=n.n(w),O=n(0),v=x()(y.TcView).withConfig({displayName:"responsive",componentId:"rerzrc-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(O.spacing)(2),Object(O.spacing)(2),O.breakpoints.medium,O.breakpoints.wide);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 E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var S=function(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){E(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}({},{topicsContainer:{borderTopColor:O.colours.functional.keyline,borderTopWidth:1},topicsContainerTablet:{alignSelf:"center",width:O.tabletWidth},topicsMetaContainer:{justifyContent:"flex-start"}});const P=e=>{let t=e.topics;return t&&t.length>0?o.a.createElement(v,null,o.a.createElement("nav",{"data-cy":"topic-tags"},o.a.createElement(h.a,{style:S.topicsContainer,topics:t}))):null};P.defaultProps={topics:null};var C=P;const k=x.a.div.withConfig({displayName:"responsive__ShareAndSaveContainer",componentId:"hqs3q1-0"})(["border-top-color:",";border-top-style:solid;border-top-width:1px;width:56.2%;margin:0 auto;@media (max-width:","px){display:none;}",";"],O.colours.functional.keyline,O.breakpoints.huge,e=>e.showBottomBorder&&"border-bottom-color: ".concat(O.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;")),q=x.a.div.withConfig({displayName:"responsive__BreadcrumbContainer",componentId:"hqs3q1-1"})(["display:flex;justify-content:center;margin:0 auto;padding-bottom:8px;",";@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],e=>e.$border?"\n border-bottom-color: ".concat(O.colours.functional.keyline,";\n border-bottom-style: solid;\n border-bottom-width: 1px;\n "):"",O.breakpoints.medium,O.breakpoints.wide);function _(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){B(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const I=x.a.div.withConfig({displayName:"styles__NativeAd",componentId:"sc-1ul3b7n-0"})(["clear:both;display:flex;flex-wrap:wrap;margin:0 auto 30px;width:80.8%;min-height:210px;@media (min-width:768px){min-height:120px;}@media (min-width:","px){width:56.2%;}&.hidden{visibility:hidden;}"],O.breakpoints.wide),N=x.a.h2.withConfig({displayName:"styles__NativeAdTitle",componentId:"sc-1ul3b7n-1"})(["border-bottom:1px solid #dbdbdb;color:#333;flex:1 1 100%;font:normal ","px / 17px ",";margin-bottom:10px;padding:5px 0;text-transform:uppercase;"],O.fontSizes.teaser,O.fontsWithFallback.bodyRegular),T=x.a.div.withConfig({displayName:"styles__Ad",componentId:"sc-1ul3b7n-2"})(["flex:1 1 50%;@media (max-width:767px){flex:1 1 46%;&:first-of-type{margin-right:1.5%;}&:last-child{margin-left:1.5%;}}"]);A(A({},Object(O.fontFactory)({font:"supporting",fontSize:"tertiary"})),{},{color:O.colours.functional.secondary,maxWidth:330,textAlign:"center"}),Object(O.spacing)(0),Object(O.spacing)(5),O.colours.functional.keyline,Object(O.spacing)(10),A(A({color:O.colours.functional.primary},Object(O.fontFactory)({font:"headline",fontSize:"commentsHeadline"})),{},{maxWidth:315,paddingBottom:Object(O.spacing)(2),paddingTop:Object(O.spacing)(6),textAlign:"center"}),O.tabletWidth;const D={clear:"both"},M=e=>{let t=e.analyticsStream,n=e.articleId,r=e.commentsEnabled,i=e.registerNode,c=e.savingEnabled,s=e.sharingEnabled,u=e.articleUrl,g=e.section,h=e.articleHeadline,y=e.relatedArticleSlice,w=e.relatedArticlesVisible,x=e.commentingConfig,O=e.topics,v=e.isSharingSavingEnabled,j=e.isCommentEnabled,E=e.storefrontConfig,S=e.breadcrumbs,P=e.domainSpecificUrl;const _=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{showBorder:!1},t=e.showBorder;return S&&S.length>0?o.a.createElement(q,{$border:t},o.a.createElement(f.Breadcrumb,{data:S})):null},A=(e,r)=>o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{id:"related-articles",ref:e=>i(e)},r&&_({showBorder:!1}),o.a.createElement(d.a,{analyticsStream:t,isVisible:w,slice:y}),e&&o.a.createElement(b.RecommendedFetch,{articleId:n,articleHeadline:h,articleSection:g})),o.a.createElement(I,{className:"group-3 hidden",key:"1"},o.a.createElement(N,null,"Sponsored"),o.a.createElement(T,{id:"advert-inarticle-native-1","data-parent":"group-3"}),o.a.createElement(T,{id:"advert-inarticle-native-2","data-parent":"group-3"})));return o.a.createElement(a.a,{state:a.a.showArticleExtras,fallback:A(!1,!0)},o.a.createElement("div",{style:D}),_({showBorder:O&&O.length>0}),o.a.createElement(C,{topics:O}),v&&o.a.createElement(a.a,{state:a.a.showSaveAndShareBar},o.a.createElement(p.MessageContext.Consumer,null,e=>{let t=e.showMessage;return o.a.createElement(k,{showBottomBorder:!y},o.a.createElement(m.a,{articleId:n,articleHeadline:h,articleUrl:u,onCopyLink:()=>t("Article link copied"),onSaveToMyArticles:()=>{},onShareOnEmail:()=>{},savingEnabled:c,sharingEnabled:s}))})),A(!0,!1),o.a.createElement(l.a,{articleId:n,isEnabled:r,commentingConfig:x,isCommentEnabled:j,storefrontConfig:E,domainSpecificUrl:P}))};M.defaultProps={relatedArticleSlice:null,topics:null,isSharingSavingEnabled:!0,isCommentEnabled:!0,breadcrumbs:[]};var W=M;t.default=W}]);
|