@times-components/article-lead-asset 1.6.41 → 1.6.45
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 +35 -0
- package/dist/article-lead-asset-image.js +1 -0
- package/dist/article-lead-asset.js +1 -1
- package/package.json +10 -12
- package/rnw.js +1 -1
- package/styles/{index.web.js → index.js} +0 -0
- package/dist/article-lead-asset-image.web.js +0 -1
- package/dist/article-lead-asset.web.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,41 @@
|
|
|
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
|
+
## [1.6.45](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.44...@times-components/article-lead-asset@1.6.45) (2021-12-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/article-lead-asset
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.6.44](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.43...@times-components/article-lead-asset@1.6.44) (2021-11-25)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @times-components/article-lead-asset
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [1.6.43](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.42...@times-components/article-lead-asset@1.6.43) (2021-08-31)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @times-components/article-lead-asset
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## [1.6.42](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.41...@times-components/article-lead-asset@1.6.42) (2021-08-23)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
### Bug Fixes
|
|
34
|
+
|
|
35
|
+
* **TSEO-31:** Updated image size on mobile to 1200px ([#2771](https://github.com/newsuk/times-components/issues/2771)) ([9a756ac](https://github.com/newsuk/times-components/commit/9a756acacf45c120de889b81823c591d890b4f38))
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
6
41
|
## [1.6.41](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.40...@times-components/article-lead-asset@1.6.41) (2021-08-09)
|
|
7
42
|
|
|
8
43
|
**Note:** Version bump only for package @times-components/article-lead-asset
|
|
@@ -0,0 +1 @@
|
|
|
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 _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _getRatio=_interopRequireDefault(require("./get-ratio"));var _articleLeadAssetPropTypes=require("./article-lead-asset-prop-types");var _index=_interopRequireDefault(require("../styles/index"));var _jsxFileName="/home/circleci/project/packages/article-lead-asset/src/article-lead-asset-image.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LeadAssetImage=function LeadAssetImage(_ref){var aspectRatio=_ref.aspectRatio,alt=_ref.alt,uri=_ref.uri;var url=(0,_utils.addMissingProtocol)(uri);var ratio=(0,_getRatio.default)(aspectRatio);return _react.default.createElement("div",{style:_objectSpread(_objectSpread({},_index.default.wrapper),{},{paddingBottom:100/ratio+"%"}),__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement("img",{alt:alt,style:_index.default.img,src:(0,_utils.appendToImageURL)(url,"resize",1200),srcSet:(0,_utils.appendToImageURL)(url,"resize",320)+" 320w, "+(0,_utils.appendToImageURL)(url,"resize",1200)+" 685w, "+(0,_utils.appendToImageURL)(url,"resize",1200)+" 1200w",__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}}));};LeadAssetImage.propTypes=_articleLeadAssetPropTypes.imageLeadAssetPropTypes;var _default=LeadAssetImage;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _video=_interopRequireDefault(require("@times-components/video"));var _articleLeadAssetImage=_interopRequireDefault(require("./article-lead-asset-image"));var _articleLeadAssetPropTypes=require("./article-lead-asset-prop-types");var _jsxFileName="/home/circleci/project/packages/article-lead-asset/src/article-lead-asset.js";var ArticleLeadAsset=function ArticleLeadAsset(_ref){var aspectRatio=_ref.aspectRatio,className=_ref.className,renderCaption=_ref.renderCaption,displayImage=_ref.displayImage,isVideo=_ref.isVideo,leadAsset=_ref.leadAsset,style=_ref.style;if(!leadAsset||!displayImage){return null;}var captionContainer=isVideo?leadAsset.posterImage:leadAsset;var caption={credits:captionContainer.credits,text:captionContainer.caption};var leadAssetView=isVideo?_react.default.createElement(_video.default,{accountId:leadAsset.brightcoveAccountId,height:"100%",id:leadAsset.id,is360:leadAsset.is360,playerId:leadAsset.brightcovePlayerId,policyKey:leadAsset.brightcovePolicyKey,position:"absolute",poster:{uri:displayImage.url},videoId:leadAsset.brightcoveVideoId,width:"100%",__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:5}}):_react.default.createElement(_articleLeadAssetImage.default,{aspectRatio:aspectRatio,alt:caption.text,uri:displayImage.url,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:5}});return _react.default.createElement(_reactNative.View,{className:className,style:style,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:5}},_react.default.createElement("figure",{style:{margin:0},__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}},_react.default.createElement(_utils.AspectRatioContainer,{aspectRatio:aspectRatio,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},leadAssetView),renderCaption&&_react.default.createElement("figcaption",{__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:27}},renderCaption({caption:caption}))));};ArticleLeadAsset.propTypes=_articleLeadAssetPropTypes.propTypes;ArticleLeadAsset.defaultProps=_articleLeadAssetPropTypes.defaultProps;var _default=ArticleLeadAsset;exports.default=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-lead-asset",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.45",
|
|
4
4
|
"description": "Generalised Lead Asset component for templates to consume & style",
|
|
5
5
|
"main": "dist/article-lead-asset",
|
|
6
6
|
"dev": "src/article-lead-asset",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@babel/core": "7.4.4",
|
|
38
|
-
"@times-components/eslint-config-thetimes": "0.8.
|
|
39
|
-
"@times-components/jest-configurator": "2.7.
|
|
40
|
-
"@times-components/storybook": "4.1.
|
|
41
|
-
"@times-components/webpack-configurator": "2.0.
|
|
38
|
+
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
39
|
+
"@times-components/jest-configurator": "2.7.4",
|
|
40
|
+
"@times-components/storybook": "4.1.68",
|
|
41
|
+
"@times-components/webpack-configurator": "2.0.29",
|
|
42
42
|
"babel-jest": "24.8.0",
|
|
43
43
|
"eslint": "5.9.0",
|
|
44
44
|
"jest": "24.8.0",
|
|
@@ -51,12 +51,10 @@
|
|
|
51
51
|
"webpack-cli": "3.3.1"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@times-components/
|
|
55
|
-
"@times-components/
|
|
56
|
-
"@times-components/
|
|
57
|
-
"@times-components/
|
|
58
|
-
"@times-components/utils": "6.5.6",
|
|
59
|
-
"@times-components/video": "4.11.11",
|
|
54
|
+
"@times-components/jest-serializer": "3.2.28",
|
|
55
|
+
"@times-components/test-utils": "2.3.10",
|
|
56
|
+
"@times-components/utils": "6.5.8",
|
|
57
|
+
"@times-components/video": "4.11.14",
|
|
60
58
|
"prop-types": "15.7.2"
|
|
61
59
|
},
|
|
62
60
|
"resolutions": {
|
|
@@ -72,5 +70,5 @@
|
|
|
72
70
|
"publishConfig": {
|
|
73
71
|
"access": "public"
|
|
74
72
|
},
|
|
75
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "eec604346ec793e27892f0522ab81cafde40fd9e"
|
|
76
74
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,i){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(r.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(i,o,function(t){return e[t]}.bind(null,o));return i},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=5)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.nativeDefaultProps=t.nativePropTypes=t.defaultProps=t.propTypes=t.leadAssetImageCropsPropTypes=t.videoDefaultProps=t.videoPropTypes=t.imageLeadAssetPropTypes=void 0;var o=i(r(3)),a=i(r(11));function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=a.default.shape({ratio:a.default.string.isRequired,url:a.default.string.isRequired}),l={brightcoveAccountId:a.default.string.isRequired,brightcovePolicyKey:a.default.string.isRequired,brightcoveVideoId:a.default.string.isRequired,posterImage:a.default.shape({crop32:s,crop169:s}).isRequired},d={aspectRatio:a.default.string.isRequired,alt:a.default.string.isRequired,uri:a.default.string.isRequired};t.imageLeadAssetPropTypes=d;var p={aspectRatio:a.default.number.isRequired,leadAsset:a.default.shape(l),onVideoPress:a.default.func.isRequired,uri:a.default.string.isRequired};t.videoPropTypes=p;t.videoDefaultProps={leadAsset:{}};var c={caption:a.default.string,credits:a.default.string,crop:s,crop11:s,crop23:s,crop32:s,crop45:s,crop169:s,crop1251:s};t.leadAssetImageCropsPropTypes=c;var f={aspectRatio:a.default.string,displayImage:s,isVideo:a.default.bool,leadAsset:a.default.oneOfType([a.default.shape(c),a.default.shape(l)]),renderCaption:a.default.func,style:a.default.any,width:a.default.number};t.propTypes=f;var y={aspectRatio:"1:1",displayImage:null,isVideo:!1,leadAsset:null,renderCaption:function(){return null},width:null};t.defaultProps=y;var b=u(u({},f),{},{getImageCrop:a.default.func.isRequired,onVideoPress:a.default.func});t.nativePropTypes=b;var v=u(u({},y),{},{onVideoPress:null});t.nativeDefaultProps=v},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(1)),a=i(r(6)),n=r(2),u=i(r(7)),s=i(r(8)),l=r(4),d=function(e){var t=e.aspectRatio,r=e.className,i=e.renderCaption,l=e.displayImage,d=e.isVideo,p=e.leadAsset,c=e.style;if(!p||!l)return null;var f=d?p.posterImage:p,y={credits:f.credits,text:f.caption},b=d?o.default.createElement(u.default,{accountId:p.brightcoveAccountId,height:"100%",id:p.id,is360:p.is360,playerId:p.brightcovePlayerId,policyKey:p.brightcovePolicyKey,position:"absolute",poster:{uri:l.url},videoId:p.brightcoveVideoId,width:"100%"}):o.default.createElement(s.default,{aspectRatio:t,alt:y.text,uri:l.url});return o.default.createElement(a.default,{className:r,style:c},o.default.createElement("figure",{style:{margin:0}},o.default.createElement(n.AspectRatioContainer,{aspectRatio:t},b),i&&o.default.createElement("figcaption",null,i({caption:y}))))};d.defaultProps=l.defaultProps;var p=d;t.default=p},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/video/rnw")},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(3)),a=i(r(1)),n=r(2),u=i(r(9)),s=(r(4),i(r(12)));function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(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 p=function(e){var t=e.aspectRatio,r=e.alt,i=e.uri,o=(0,n.addMissingProtocol)(i),l=(0,u.default)(t);return a.default.createElement("div",{style:d(d({},s.default.wrapper),{},{paddingBottom:100/l+"%"})},a.default.createElement("img",{alt:r,style:s.default.img,src:(0,n.appendToImageURL)(o,"resize",1200),srcSet:(0,n.appendToImageURL)(o,"resize",320)+" 320w, "+(0,n.appendToImageURL)(o,"resize",
|
|
1
|
+
module.exports=function(e){var t={};function r(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,i){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(r.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(i,o,function(t){return e[t]}.bind(null,o));return i},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=5)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.nativeDefaultProps=t.nativePropTypes=t.defaultProps=t.propTypes=t.leadAssetImageCropsPropTypes=t.videoDefaultProps=t.videoPropTypes=t.imageLeadAssetPropTypes=void 0;var o=i(r(3)),a=i(r(11));function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=a.default.shape({ratio:a.default.string.isRequired,url:a.default.string.isRequired}),l={brightcoveAccountId:a.default.string.isRequired,brightcovePolicyKey:a.default.string.isRequired,brightcoveVideoId:a.default.string.isRequired,posterImage:a.default.shape({crop32:s,crop169:s}).isRequired},d={aspectRatio:a.default.string.isRequired,alt:a.default.string.isRequired,uri:a.default.string.isRequired};t.imageLeadAssetPropTypes=d;var p={aspectRatio:a.default.number.isRequired,leadAsset:a.default.shape(l),onVideoPress:a.default.func.isRequired,uri:a.default.string.isRequired};t.videoPropTypes=p;t.videoDefaultProps={leadAsset:{}};var c={caption:a.default.string,credits:a.default.string,crop:s,crop11:s,crop23:s,crop32:s,crop45:s,crop169:s,crop1251:s};t.leadAssetImageCropsPropTypes=c;var f={aspectRatio:a.default.string,displayImage:s,isVideo:a.default.bool,leadAsset:a.default.oneOfType([a.default.shape(c),a.default.shape(l)]),renderCaption:a.default.func,style:a.default.any,width:a.default.number};t.propTypes=f;var y={aspectRatio:"1:1",displayImage:null,isVideo:!1,leadAsset:null,renderCaption:function(){return null},width:null};t.defaultProps=y;var b=u(u({},f),{},{getImageCrop:a.default.func.isRequired,onVideoPress:a.default.func});t.nativePropTypes=b;var v=u(u({},y),{},{onVideoPress:null});t.nativeDefaultProps=v},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(1)),a=i(r(6)),n=r(2),u=i(r(7)),s=i(r(8)),l=r(4),d=function(e){var t=e.aspectRatio,r=e.className,i=e.renderCaption,l=e.displayImage,d=e.isVideo,p=e.leadAsset,c=e.style;if(!p||!l)return null;var f=d?p.posterImage:p,y={credits:f.credits,text:f.caption},b=d?o.default.createElement(u.default,{accountId:p.brightcoveAccountId,height:"100%",id:p.id,is360:p.is360,playerId:p.brightcovePlayerId,policyKey:p.brightcovePolicyKey,position:"absolute",poster:{uri:l.url},videoId:p.brightcoveVideoId,width:"100%"}):o.default.createElement(s.default,{aspectRatio:t,alt:y.text,uri:l.url});return o.default.createElement(a.default,{className:r,style:c},o.default.createElement("figure",{style:{margin:0}},o.default.createElement(n.AspectRatioContainer,{aspectRatio:t},b),i&&o.default.createElement("figcaption",null,i({caption:y}))))};d.defaultProps=l.defaultProps;var p=d;t.default=p},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/video/rnw")},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(3)),a=i(r(1)),n=r(2),u=i(r(9)),s=(r(4),i(r(12)));function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(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 p=function(e){var t=e.aspectRatio,r=e.alt,i=e.uri,o=(0,n.addMissingProtocol)(i),l=(0,u.default)(t);return a.default.createElement("div",{style:d(d({},s.default.wrapper),{},{paddingBottom:100/l+"%"})},a.default.createElement("img",{alt:r,style:s.default.img,src:(0,n.appendToImageURL)(o,"resize",1200),srcSet:(0,n.appendToImageURL)(o,"resize",320)+" 320w, "+(0,n.appendToImageURL)(o,"resize",1200)+" 685w, "+(0,n.appendToImageURL)(o,"resize",1200)+" 1200w"}))};t.default=p},function(e,t,r){var i=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(r(10)),a=function(e){var t=e.split(":"),r=(0,o.default)(t,2),i=r[0],a=r[1];return Number(i)/Number(a)};t.default=a},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("prop-types")},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r={wrapper:{display:"table",height:0,overflow:"hidden",position:"relative",width:"100%"},img:{opacity:1,zIndex:2,width:"100%",position:"absolute",display:"block"}};t.default=r}]);
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
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 _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _getRatio=_interopRequireDefault(require("./get-ratio"));var _articleLeadAssetPropTypes=require("./article-lead-asset-prop-types");var _index=_interopRequireDefault(require("../styles/index.web"));var _jsxFileName="/home/circleci/project/packages/article-lead-asset/src/article-lead-asset-image.web.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LeadAssetImage=function LeadAssetImage(_ref){var aspectRatio=_ref.aspectRatio,alt=_ref.alt,uri=_ref.uri;var url=(0,_utils.addMissingProtocol)(uri);var ratio=(0,_getRatio.default)(aspectRatio);return _react.default.createElement("div",{style:_objectSpread(_objectSpread({},_index.default.wrapper),{},{paddingBottom:100/ratio+"%"}),__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement("img",{alt:alt,style:_index.default.img,src:(0,_utils.appendToImageURL)(url,"resize",1200),srcSet:(0,_utils.appendToImageURL)(url,"resize",320)+" 320w, "+(0,_utils.appendToImageURL)(url,"resize",685)+" 685w, "+(0,_utils.appendToImageURL)(url,"resize",1200)+" 1200w",__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}}));};LeadAssetImage.propTypes=_articleLeadAssetPropTypes.imageLeadAssetPropTypes;var _default=LeadAssetImage;exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _video=_interopRequireDefault(require("@times-components/video"));var _articleLeadAssetImage=_interopRequireDefault(require("./article-lead-asset-image.web"));var _articleLeadAssetPropTypes=require("./article-lead-asset-prop-types");var _jsxFileName="/home/circleci/project/packages/article-lead-asset/src/article-lead-asset.web.js";var ArticleLeadAsset=function ArticleLeadAsset(_ref){var aspectRatio=_ref.aspectRatio,className=_ref.className,renderCaption=_ref.renderCaption,displayImage=_ref.displayImage,isVideo=_ref.isVideo,leadAsset=_ref.leadAsset,style=_ref.style;if(!leadAsset||!displayImage){return null;}var captionContainer=isVideo?leadAsset.posterImage:leadAsset;var caption={credits:captionContainer.credits,text:captionContainer.caption};var leadAssetView=isVideo?_react.default.createElement(_video.default,{accountId:leadAsset.brightcoveAccountId,height:"100%",id:leadAsset.id,is360:leadAsset.is360,playerId:leadAsset.brightcovePlayerId,policyKey:leadAsset.brightcovePolicyKey,position:"absolute",poster:{uri:displayImage.url},videoId:leadAsset.brightcoveVideoId,width:"100%",__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:5}}):_react.default.createElement(_articleLeadAssetImage.default,{aspectRatio:aspectRatio,alt:caption.text,uri:displayImage.url,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:5}});return _react.default.createElement(_reactNative.View,{className:className,style:style,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:5}},_react.default.createElement("figure",{style:{margin:0},__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}},_react.default.createElement(_utils.AspectRatioContainer,{aspectRatio:aspectRatio,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},leadAssetView),renderCaption&&_react.default.createElement("figcaption",{__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:27}},renderCaption({caption:caption}))));};ArticleLeadAsset.propTypes=_articleLeadAssetPropTypes.propTypes;ArticleLeadAsset.defaultProps=_articleLeadAssetPropTypes.defaultProps;var _default=ArticleLeadAsset;exports.default=_default;
|