@times-components/article-lead-asset 1.6.40 → 1.6.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,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.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)
7
+
8
+ **Note:** Version bump only for package @times-components/article-lead-asset
9
+
10
+
11
+
12
+
13
+
14
+ ## [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)
15
+
16
+ **Note:** Version bump only for package @times-components/article-lead-asset
17
+
18
+
19
+
20
+
21
+
22
+ ## [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)
23
+
24
+
25
+ ### Bug Fixes
26
+
27
+ * **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))
28
+
29
+
30
+
31
+
32
+
33
+ ## [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)
34
+
35
+ **Note:** Version bump only for package @times-components/article-lead-asset
36
+
37
+
38
+
39
+
40
+
6
41
  ## [1.6.40](https://github.com/newsuk/times-components/compare/@times-components/article-lead-asset@1.6.39...@times-components/article-lead-asset@1.6.40) (2021-07-29)
7
42
 
8
43
  **Note:** Version bump only for package @times-components/article-lead-asset
package/README.md CHANGED
@@ -68,17 +68,9 @@ yarn lint
68
68
  Testing can be done on each platform individually
69
69
 
70
70
  ```
71
- yarn test:android
72
- yarn test:ios
73
71
  yarn test:web
74
72
  ```
75
73
 
76
- Or the tests for all platforms can be run
77
-
78
- ```
79
- yarn test:all
80
- ```
81
-
82
74
  Visit the official
83
75
 
84
76
  https://components.thetimes.co.uk/?knob-Size%20of%20ad%20placeholder%3A=default&selectedKind=Primitives%2FArticle%20Lead%20Asset&selectedStory=Image&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs
@@ -1 +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.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
+ 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",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;
package/package.json CHANGED
@@ -1,18 +1,15 @@
1
1
  {
2
2
  "name": "@times-components/article-lead-asset",
3
- "version": "1.6.40",
3
+ "version": "1.6.44",
4
4
  "description": "Generalised Lead Asset component for templates to consume & style",
5
- "main": "dist/article-lead-asset",
6
- "dev": "src/article-lead-asset",
5
+ "main": "dist/article-lead-asset.web",
6
+ "dev": "src/article-lead-asset.web",
7
7
  "scripts": {
8
8
  "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,webpack*' --ignore-bin-package=false --skip-missing",
9
9
  "fmt": "eslint . --fix && prettier --write '**/*.*'",
10
10
  "prettier:diff": "prettier --list-different '**/*.*'",
11
11
  "lint": "eslint . && yarn prettier:diff && yarn depcheck",
12
- "test:android": "jest --config='./__tests__/android/jest.config.js'",
13
- "test:ios": "jest --config='./__tests__/ios/jest.config.js'",
14
12
  "test:web": "jest --config='./__tests__/web/jest.config.js'",
15
- "test:all": "yarn test:android --coverage && yarn test:ios --coverage && yarn test:web --coverage",
16
13
  "prepublishOnly": "yarn transpile && yarn bundle",
17
14
  "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
18
15
  "cleanup-dist": "rm -rf dist",
@@ -38,10 +35,10 @@
38
35
  "homepage": "https://github.com/newsuk/times-components#readme",
39
36
  "devDependencies": {
40
37
  "@babel/core": "7.4.4",
41
- "@times-components/eslint-config-thetimes": "0.8.16",
42
- "@times-components/jest-configurator": "2.7.1",
43
- "@times-components/storybook": "4.1.65",
44
- "@times-components/webpack-configurator": "2.0.27",
38
+ "@times-components/eslint-config-thetimes": "0.8.17",
39
+ "@times-components/jest-configurator": "2.7.3",
40
+ "@times-components/storybook": "4.1.67",
41
+ "@times-components/webpack-configurator": "2.0.28",
45
42
  "babel-jest": "24.8.0",
46
43
  "eslint": "5.9.0",
47
44
  "jest": "24.8.0",
@@ -54,12 +51,10 @@
54
51
  "webpack-cli": "3.3.1"
55
52
  },
56
53
  "dependencies": {
57
- "@times-components/caption": "3.0.142",
58
- "@times-components/image": "6.8.4",
59
- "@times-components/jest-serializer": "3.2.25",
60
- "@times-components/test-utils": "2.3.8",
61
- "@times-components/utils": "6.5.5",
62
- "@times-components/video": "4.11.10",
54
+ "@times-components/jest-serializer": "3.2.27",
55
+ "@times-components/test-utils": "2.3.9",
56
+ "@times-components/utils": "6.5.7",
57
+ "@times-components/video": "4.11.13",
63
58
  "prop-types": "15.7.2"
64
59
  },
65
60
  "resolutions": {
@@ -75,5 +70,5 @@
75
70
  "publishConfig": {
76
71
  "access": "public"
77
72
  },
78
- "gitHead": "9fa1a9ec97a8fb35593e5c9e8b08459f677568f6"
73
+ "gitHead": "e4ffceaf25ca396380a235406bf49c846731b2b4"
79
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",685)+" 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}]);
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}]);
@@ -1 +0,0 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _caption=_interopRequireDefault(require("@times-components/caption"));var _image=require("@times-components/image");var _articleLeadAssetVideo=_interopRequireDefault(require("./article-lead-asset-video"));var _articleLeadAssetPropTypes=require("./article-lead-asset-prop-types");var _getRatio=_interopRequireDefault(require("./get-ratio"));var _jsxFileName="/home/circleci/project/packages/article-lead-asset/src/article-lead-asset.js";var ArticleLeadAssetModalImage=function ArticleLeadAssetModalImage(_ref){var aspectRatio=_ref.aspectRatio,caption=_ref.caption,crop=_ref.crop,onImagePress=_ref.onImagePress,uri=_ref.uri,width=_ref.width,relativeWidth=_ref.relativeWidth,relativeHeight=_ref.relativeHeight,relativeHorizontalOffset=_ref.relativeHorizontalOffset,relativeVerticalOffset=_ref.relativeVerticalOffset;return _react.default.createElement(_image.ModalImage,{highResSize:width,aspectRatio:aspectRatio,caption:caption,crop:crop,onImagePress:onImagePress,uri:uri,relativeWidth:relativeWidth,relativeHeight:relativeHeight,relativeHorizontalOffset:relativeHorizontalOffset,relativeVerticalOffset:relativeVerticalOffset,index:0,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:3}});};var ArticleLeadAsset=function ArticleLeadAsset(_ref2){var getImageCrop=_ref2.getImageCrop,renderCaption=_ref2.renderCaption,isVideo=_ref2.isVideo,leadAsset=_ref2.leadAsset,onImagePress=_ref2.onImagePress,onVideoPress=_ref2.onVideoPress,width=_ref2.width,style=_ref2.style;if(!leadAsset){return null;}var imageContainer=isVideo?leadAsset.posterImage:leadAsset;var crop=getImageCrop(imageContainer);if(!crop){return null;}var LeadAsset=isVideo?_articleLeadAssetVideo.default:ArticleLeadAssetModalImage;var caption={credits:imageContainer.credits,text:imageContainer.caption};return _react.default.createElement(_reactNative.View,{style:style,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:5}},_react.default.createElement(LeadAsset,{aspectRatio:(0,_getRatio.default)(crop.ratio),caption:_react.default.createElement(_caption.default,(0,_extends2.default)({},caption,{__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:18}})),leadAsset:leadAsset,relativeWidth:crop.relativeWidth,relativeHeight:crop.relativeHeight,relativeHorizontalOffset:crop.relativeHorizontalOffset,relativeVerticalOffset:crop.relativeVerticalOffset,onImagePress:onImagePress,onVideoPress:onVideoPress,uri:crop.url,width:width,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:7}}),renderCaption({caption:caption}));};ArticleLeadAsset.propTypes=_articleLeadAssetPropTypes.nativePropTypes;ArticleLeadAsset.defaultProps=_articleLeadAssetPropTypes.nativeDefaultProps;var _default=ArticleLeadAsset;exports.default=_default;