@times-components/article-image 7.5.47 → 7.7.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 +30 -0
- package/dist/inline-image.js +1 -1
- package/package.json +8 -9
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
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
|
+
# [7.7.0](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.6.0...@times-components/article-image@7.7.0) (2022-04-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1703:** removed react-native use of its own <Image/> component ([#2906](https://github.com/newsuk/times-components/issues/2906)) ([2717c6f](https://github.com/newsuk/times-components/commit/2717c6f5005b195f9805ff63002bfa8b1ef026c3))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [7.6.0](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.5.48...@times-components/article-image@7.6.0) (2022-03-30)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* **TDP-1413:** removed react native from some components ([#2891](https://github.com/newsuk/times-components/issues/2891)) ([3130586](https://github.com/newsuk/times-components/commit/313058621ff0c6eb5f0ca0bf0d605a8fb1522251))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [7.5.48](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.5.47...@times-components/article-image@7.5.48) (2022-02-16)
|
|
29
|
+
|
|
30
|
+
**Note:** Version bump only for package @times-components/article-image
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## [7.5.47](https://github.com/newsuk/times-components/compare/@times-components/article-image@7.5.46...@times-components/article-image@7.5.47) (2022-02-10)
|
|
7
37
|
|
|
8
38
|
**Note:** Version bump only for package @times-components/article-image
|
package/dist/inline-image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _caption=_interopRequireDefault(require("@times-components/caption"));var _image=_interopRequireDefault(require("@times-components/image"));var _articleImagePropTypes=require("./article-image-prop-types");var _responsive=require("./styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-image/src/inline-image.js";var renderCaption=function renderCaption(display,caption,credits){if(!caption&&!credits){return null;}return _react.default.createElement(_responsive.InsetCaptionContainerStyle,{key:"caption",__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},_react.default.createElement("figcaption",{__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},_react.default.createElement(_caption.default,{credits:credits,text:caption,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}})));};var InlineImage=function InlineImage(_ref){var imageOptions=_ref.imageOptions,captionOptions=_ref.captionOptions;var display=imageOptions.display,highResSize=imageOptions.highResSize,lowResSize=imageOptions.lowResSize,lowResQuality=imageOptions.lowResQuality,ratio=imageOptions.ratio,uri=imageOptions.uri;var caption=captionOptions.caption,credits=captionOptions.credits;var imgCaption=renderCaption(display,caption,credits);if(!display||!ratio){return imgCaption;}var _ratio$split=ratio.split(":"),_ratio$split2=(0,_slicedToArray2.default)(_ratio$split,2),ratioWidth=_ratio$split2[0],ratioHeight=_ratio$split2[1];var aspectRatio=ratioWidth/ratioHeight;return _react.default.createElement("figure",{style:{margin:0},__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:5}},_react.default.createElement(_responsive.InsetImageStyle,{key:"img",__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},_react.default.createElement(_image.default,{
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _caption=_interopRequireDefault(require("@times-components/caption"));var _image=_interopRequireDefault(require("@times-components/image"));var _articleImagePropTypes=require("./article-image-prop-types");var _responsive=require("./styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-image/src/inline-image.js";var renderCaption=function renderCaption(display,caption,credits){if(!caption&&!credits){return null;}return _react.default.createElement(_responsive.InsetCaptionContainerStyle,{key:"caption",__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},_react.default.createElement("figcaption",{__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},_react.default.createElement(_caption.default,{credits:credits,text:caption,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}})));};var InlineImage=function InlineImage(_ref){var imageOptions=_ref.imageOptions,captionOptions=_ref.captionOptions;var display=imageOptions.display,highResSize=imageOptions.highResSize,lowResSize=imageOptions.lowResSize,lowResQuality=imageOptions.lowResQuality,ratio=imageOptions.ratio,uri=imageOptions.uri;var caption=captionOptions.caption,credits=captionOptions.credits;var imgCaption=renderCaption(display,caption,credits);if(!display||!ratio){return imgCaption;}var _ratio$split=ratio.split(":"),_ratio$split2=(0,_slicedToArray2.default)(_ratio$split,2),ratioWidth=_ratio$split2[0],ratioHeight=_ratio$split2[1];var aspectRatio=ratioWidth/ratioHeight;return _react.default.createElement("figure",{style:{margin:0},__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:5}},_react.default.createElement(_responsive.InsetImageStyle,{key:"img",__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},_react.default.createElement(_image.default,{accessibilityLabel:caption,aspectRatio:aspectRatio,highResSize:highResSize,lowResSize:lowResSize,lowResQuality:lowResQuality,uri:uri,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:9}})),imgCaption);};InlineImage.propTypes=_articleImagePropTypes.propTypes;InlineImage.defaultProps=_articleImagePropTypes.defaultPropTypes;var _default=InlineImage;exports.default=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/article-image",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.7.0",
|
|
4
4
|
"description": "Article Image",
|
|
5
5
|
"main": "dist/article-image",
|
|
6
6
|
"dev": "src/article-image",
|
|
@@ -38,8 +38,7 @@
|
|
|
38
38
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
39
39
|
"@times-components/jest-configurator": "2.8.0",
|
|
40
40
|
"@times-components/jest-serializer": "3.2.29",
|
|
41
|
-
"@times-components/
|
|
42
|
-
"@times-components/storybook": "4.1.72",
|
|
41
|
+
"@times-components/storybook": "4.2.0",
|
|
43
42
|
"@times-components/test-utils": "2.3.10",
|
|
44
43
|
"@times-components/webpack-configurator": "2.0.29",
|
|
45
44
|
"babel-jest": "24.8.0",
|
|
@@ -65,11 +64,11 @@
|
|
|
65
64
|
"webpack-cli": "3.3.1"
|
|
66
65
|
},
|
|
67
66
|
"dependencies": {
|
|
68
|
-
"@times-components/caption": "3.0.
|
|
69
|
-
"@times-components/context": "1.2.
|
|
70
|
-
"@times-components/image": "6.
|
|
71
|
-
"@times-components/responsive": "0.7.
|
|
72
|
-
"@times-components/styleguide": "3.38.
|
|
67
|
+
"@times-components/caption": "3.0.151",
|
|
68
|
+
"@times-components/context": "1.2.34",
|
|
69
|
+
"@times-components/image": "6.10.0",
|
|
70
|
+
"@times-components/responsive": "0.7.8",
|
|
71
|
+
"@times-components/styleguide": "3.38.30",
|
|
73
72
|
"prop-types": "15.7.2",
|
|
74
73
|
"styled-components": "4.3.2"
|
|
75
74
|
},
|
|
@@ -86,5 +85,5 @@
|
|
|
86
85
|
"publishConfig": {
|
|
87
86
|
"access": "public"
|
|
88
87
|
},
|
|
89
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "980746ada83ce8bcc329c5453e87afee6b6d31b3"
|
|
90
89
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=11)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.FullWidthCaptionContainer=t.InsetCaptionStyle=t.InsetImageStyle=t.InsetCaptionContainerStyle=void 0;var i=r(n(6)),a=r(n(16)),o=n(9),l=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],(0,o.spacing)(-2),(0,o.spacing)(4),(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,(0,o.spacing)(4),(0,o.spacing)(4),o.breakpoints.wide);t.InsetCaptionContainerStyle=l;var p=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],(0,o.spacing)(4),o.breakpoints.medium,(0,o.spacing)(1),(0,o.spacing)(4),o.breakpoints.wide);t.InsetImageStyle=p;var d=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],(0,o.spacing)(2),o.breakpoints.medium);t.InsetCaptionStyle=d;var u=a.default.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,o.breakpoints.wide);t.FullWidthCaptionContainer=u},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultPropTypes=t.propTypes=void 0;var i=r(n(8)),a={captionOptions:i.default.shape({caption:i.default.string,credits:i.default.string}),imageOptions:i.default.shape({display:i.default.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:i.default.number,lowResQuality:i.default.number,lowResSize:i.default.number,ratio:i.default.string,uri:i.default.string.isRequired}).isRequired,onImagePress:i.default.func};t.propTypes=a;t.defaultPropTypes={captionOptions:{caption:null,credits:null},onImagePress:null}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(12)).default;t.default=i},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=y(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(2)),o=r(n(6)),l=r(n(1)),p=r(n(13)),d=n(7),u=r(n(14)),f=r(n(17)),c=r(n(18)),s=n(10),g=r(n(20));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(y=function(e){return e?n:t})(e)}var m={secondary:{container:{paddingTop:0}}};var b=function(e,t,n,r){var i=function(e){return"primary"===e?u.default:"fullwidth"===e?c.default:l.default}(n);if(!e&&!t)return null;var p=a.default.createElement(i,{credits:t,style:m[n],text:e});return"fullwidth"===n?p:a.default.createElement(o.default,{style:g.default[n+"Caption"]},p)},v=function(e){var t=e.imageOptions,n=e.captionOptions,r=e.onImagePress,u=e.images,c=t.display,s=t.highResSize,y=t.index,m=t.lowResQuality,v=t.lowResSize,O=t.ratio,h=t.uri,w=t.relativeHeight,P=t.relativeWidth,j=t.relativeHorizontalOffset,x=t.relativeVerticalOffset,C=n.caption,_=n.credits;if("inline"===c)return a.default.createElement(f.default,{captionOptions:n,imageOptions:t,onImagePress:r});var S=a.default.createElement(p.default.Consumer,null,(function(e){e.theme;return b(C,_,c)}));if(!c||!O)return S;var I=O.split(":"),R=(0,i.default)(I,2),E=R[0]/R[1];return a.default.createElement(a.Fragment,null,a.default.createElement(o.default,{style:g.default[c+"Image"]},a.default.createElement(d.ModalImage,{accessibilityLabel:C,aspectRatio:E,caption:a.default.createElement(l.default,{credits:_,text:C}),highResSize:s,index:y,images:u,lowResSize:v,lowResQuality:m,onImagePress:r,uri:h,relativeWidth:P,relativeHeight:w,relativeHorizontalOffset:j,relativeVerticalOffset:x})),S)};v.defaultProps=s.defaultPropTypes;var O=v;t.default=O},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=n(15),o=n(4),l=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.default.createElement(o.InsetCaptionStyle,null,i.default.createElement(r,{credits:n,text:t}))};l.defaultProps=a.defaultProps;var p=l;t.default=p},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=r(n(8)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(1));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var u=d(d({},o.propTypes),{},{CaptionComponent:a.default.func.isRequired});t.propTypes=u;var f=d(d({},o.defaultProps),{},{CaptionComponent:o.default});t.defaultProps=f},function(e,t){e.exports=require("styled-components")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=r(n(2)),o=r(n(1)),l=r(n(7)),p=n(10),d=n(4),u=function(e){var t=e.imageOptions,n=e.captionOptions,r=t.display,p=t.highResSize,u=t.lowResSize,f=t.lowResQuality,c=t.ratio,s=t.uri,g=n.caption,y=function(e,t,n){return t||n?a.default.createElement(d.InsetCaptionContainerStyle,{key:"caption"},a.default.createElement("figcaption",null,a.default.createElement(o.default,{credits:n,text:t}))):null}(0,g,n.credits);if(!r||!c)return y;var m=c.split(":"),b=(0,i.default)(m,2),v=b[0]/b[1];return a.default.createElement("figure",{style:{margin:0}},a.default.createElement(d.InsetImageStyle,{key:"img"},a.default.createElement(l.default,{alt:g,aspectRatio:v,highResSize:p,lowResSize:u,lowResQuality:f,uri:s})),y)};u.defaultProps=p.defaultPropTypes;var f=u;t.default=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=r(n(1)),o=n(19),l=n(4),p=function(e){return i.default.createElement(l.FullWidthCaptionContainer,null,i.default.createElement(a.default,e))};p.defaultProps=o.defaultProps;var d=p;t.default=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=n(1);function o(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 l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=l({},a.propTypes);t.propTypes=p;var d=l({},a.defaultProps);t.defaultProps=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(3)),a=r(n(21)),o=n(9);function l(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 p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d={alignSelf:"center",width:o.tabletWidth-o.tabletRowPadding},u=a.default.create({container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:o.tabletWidth-o.tabletRowPadding},fullwidthContainer:{marginBottom:(0,o.spacing)(2),marginHorizontal:"auto",maxWidth:o.tabletWidthMax},inlineCaption:{paddingLeft:(0,o.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,o.spacing)(5),paddingLeft:(0,o.spacing)(2),paddingRight:(0,o.spacing)(2),width:"100%"},inlineContainerTablet:p(p({},d),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:(0,o.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:(0,o.spacing)(3),width:"100%"},primaryContainerTablet:p({},d),secondaryCaption:{paddingLeft:(0,o.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,o.spacing)(4),paddingLeft:(0,o.spacing)(2),paddingRight:(0,o.spacing)(2),width:"100%"},secondaryContainerTablet:p(p({},d),{},{paddingLeft:(0,o.spacing)(0),paddingRight:(0,o.spacing)(0)}),secondaryImage:{width:"50%"}});t.default=u},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")}]);
|
|
1
|
+
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=11)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.FullWidthCaptionContainer=t.InsetCaptionStyle=t.InsetImageStyle=t.InsetCaptionContainerStyle=void 0;var i=r(n(6)),a=r(n(16)),o=n(9),l=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetCaptionContainerStyle",componentId:"sc-1io40fc-0"})(["display:inline-block;margin-top:",";padding-bottom:",";padding-left:",";padding-right:",";padding-top:0;vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;margin-top:0px;padding-bottom:",";padding-left:0px;padding-top:0px;padding-right:",";width:30%;}@media (min-width:","px){padding-left:0px;width:35.71429%;}"],(0,o.spacing)(-2),(0,o.spacing)(4),(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,(0,o.spacing)(4),(0,o.spacing)(4),o.breakpoints.wide);t.InsetCaptionContainerStyle=l;var p=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetImageStyle",componentId:"sc-1io40fc-1"})(["display:inline-block;padding-bottom:",";vertical-align:top;width:50%;@media (min-width:","px){clear:left;float:left;padding-bottom:0px;padding-top:",";padding-right:",";width:30%;}@media (min-width:","px){clear:left;width:35.71429%;}"],(0,o.spacing)(4),o.breakpoints.medium,(0,o.spacing)(1),(0,o.spacing)(4),o.breakpoints.wide);t.InsetImageStyle=p;var d=(0,a.default)(i.default).withConfig({displayName:"responsive__InsetCaptionStyle",componentId:"sc-1io40fc-2"})(["padding-left:",";@media (min-width:","px){padding-left:0px;}"],(0,o.spacing)(2),o.breakpoints.medium);t.InsetCaptionStyle=d;var u=a.default.div.withConfig({displayName:"responsive__FullWidthCaptionContainer",componentId:"sc-1io40fc-3"})(["padding-left:",";padding-right:",";margin:auto;text-align:center;@media (min-width:","px){padding-left:0px;padding-right:0px;width:80.8%;}@media (min-width:","px){width:56.2%;}"],(0,o.spacing)(2),(0,o.spacing)(2),o.breakpoints.medium,o.breakpoints.wide);t.FullWidthCaptionContainer=u},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultPropTypes=t.propTypes=void 0;var i=r(n(8)),a={captionOptions:i.default.shape({caption:i.default.string,credits:i.default.string}),imageOptions:i.default.shape({display:i.default.oneOf(["primary","secondary","inline","fullwidth"]),highResSize:i.default.number,lowResQuality:i.default.number,lowResSize:i.default.number,ratio:i.default.string,uri:i.default.string.isRequired}).isRequired,onImagePress:i.default.func};t.propTypes=a;t.defaultPropTypes={captionOptions:{caption:null,credits:null},onImagePress:null}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(12)).default;t.default=i},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=y(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(2)),o=r(n(6)),l=r(n(1)),p=r(n(13)),d=n(7),u=r(n(14)),f=r(n(17)),c=r(n(18)),s=n(10),g=r(n(20));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(y=function(e){return e?n:t})(e)}var m={secondary:{container:{paddingTop:0}}};var b=function(e,t,n,r){var i=function(e){return"primary"===e?u.default:"fullwidth"===e?c.default:l.default}(n);if(!e&&!t)return null;var p=a.default.createElement(i,{credits:t,style:m[n],text:e});return"fullwidth"===n?p:a.default.createElement(o.default,{style:g.default[n+"Caption"]},p)},v=function(e){var t=e.imageOptions,n=e.captionOptions,r=e.onImagePress,u=e.images,c=t.display,s=t.highResSize,y=t.index,m=t.lowResQuality,v=t.lowResSize,O=t.ratio,h=t.uri,w=t.relativeHeight,P=t.relativeWidth,j=t.relativeHorizontalOffset,x=t.relativeVerticalOffset,C=n.caption,_=n.credits;if("inline"===c)return a.default.createElement(f.default,{captionOptions:n,imageOptions:t,onImagePress:r});var S=a.default.createElement(p.default.Consumer,null,(function(e){e.theme;return b(C,_,c)}));if(!c||!O)return S;var I=O.split(":"),R=(0,i.default)(I,2),E=R[0]/R[1];return a.default.createElement(a.Fragment,null,a.default.createElement(o.default,{style:g.default[c+"Image"]},a.default.createElement(d.ModalImage,{accessibilityLabel:C,aspectRatio:E,caption:a.default.createElement(l.default,{credits:_,text:C}),highResSize:s,index:y,images:u,lowResSize:v,lowResQuality:m,onImagePress:r,uri:h,relativeWidth:P,relativeHeight:w,relativeHorizontalOffset:j,relativeVerticalOffset:x})),S)};v.defaultProps=s.defaultPropTypes;var O=v;t.default=O},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=n(15),o=n(4),l=function(e){var t=e.text,n=e.credits,r=e.CaptionComponent;return i.default.createElement(o.InsetCaptionStyle,null,i.default.createElement(r,{credits:n,text:t}))};l.defaultProps=a.defaultProps;var p=l;t.default=p},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=r(n(8)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(r,a,o):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(1));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var u=d(d({},o.propTypes),{},{CaptionComponent:a.default.func.isRequired});t.propTypes=u;var f=d(d({},o.defaultProps),{},{CaptionComponent:o.default});t.defaultProps=f},function(e,t){e.exports=require("styled-components")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(5)),a=r(n(2)),o=r(n(1)),l=r(n(7)),p=n(10),d=n(4),u=function(e){var t=e.imageOptions,n=e.captionOptions,r=t.display,p=t.highResSize,u=t.lowResSize,f=t.lowResQuality,c=t.ratio,s=t.uri,g=n.caption,y=function(e,t,n){return t||n?a.default.createElement(d.InsetCaptionContainerStyle,{key:"caption"},a.default.createElement("figcaption",null,a.default.createElement(o.default,{credits:n,text:t}))):null}(0,g,n.credits);if(!r||!c)return y;var m=c.split(":"),b=(0,i.default)(m,2),v=b[0]/b[1];return a.default.createElement("figure",{style:{margin:0}},a.default.createElement(d.InsetImageStyle,{key:"img"},a.default.createElement(l.default,{accessibilityLabel:g,aspectRatio:v,highResSize:p,lowResSize:u,lowResQuality:f,uri:s})),y)};u.defaultProps=p.defaultPropTypes;var f=u;t.default=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(2)),a=r(n(1)),o=n(19),l=n(4),p=function(e){return i.default.createElement(l.FullWidthCaptionContainer,null,i.default.createElement(a.default,e))};p.defaultProps=o.defaultProps;var d=p;t.default=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var i=r(n(3)),a=n(1);function o(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 l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=l({},a.propTypes);t.propTypes=p;var d=l({},a.defaultProps);t.defaultProps=d},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(3)),a=r(n(21)),o=n(9);function l(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 p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d={alignSelf:"center",width:o.tabletWidth-o.tabletRowPadding},u=a.default.create({container:{paddingTop:0},fullwidthCaption:{alignSelf:"center",maxWidth:o.tabletWidth-o.tabletRowPadding},fullwidthContainer:{marginBottom:(0,o.spacing)(2),marginHorizontal:"auto",maxWidth:o.tabletWidthMax},inlineCaption:{paddingLeft:(0,o.spacing)(2),paddingTop:0},inlineContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,o.spacing)(5),paddingLeft:(0,o.spacing)(2),paddingRight:(0,o.spacing)(2),width:"100%"},inlineContainerTablet:p(p({},d),{},{flexDirection:"column",marginTop:0,paddingBottom:0,paddingLeft:(0,o.spacing)(0),paddingTop:0,width:"100%"}),inlineImage:{width:"100%"},primaryContainer:{flexDirection:"column",paddingBottom:(0,o.spacing)(3),width:"100%"},primaryContainerTablet:p({},d),secondaryCaption:{paddingLeft:(0,o.spacing)(2),paddingTop:0,width:"50%"},secondaryContainer:{flexDirection:"row",flexWrap:"nowrap",paddingBottom:(0,o.spacing)(4),paddingLeft:(0,o.spacing)(2),paddingRight:(0,o.spacing)(2),width:"100%"},secondaryContainerTablet:p(p({},d),{},{paddingLeft:(0,o.spacing)(0),paddingRight:(0,o.spacing)(0)}),secondaryImage:{width:"50%"}});t.default=u},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")}]);
|