@times-components/image 6.8.10 → 6.8.14
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 +32 -0
- package/dist/image.js +1 -1
- package/dist/styles/index.js +1 -1
- package/package.json +6 -6
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
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
|
+
## [6.8.14](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.13...@times-components/image@6.8.14) (2022-02-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/image
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [6.8.13](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.12...@times-components/image@6.8.13) (2022-01-24)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @times-components/image
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [6.8.12](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.11...@times-components/image@6.8.12) (2022-01-10)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @times-components/image
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## [6.8.11](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.10...@times-components/image@6.8.11) (2022-01-04)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @times-components/image
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [6.8.10](https://github.com/newsuk/times-components/compare/@times-components/image@6.8.9...@times-components/image@6.8.10) (2022-01-04)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @times-components/image
|
package/dist/image.js
CHANGED
|
@@ -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 _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("@times-components/utils");var _placeholder=_interopRequireDefault(require("./placeholder"));var _imagePropTypes=require("./image-prop-types");var _responsive=_interopRequireDefault(require("./styles/responsive"));var _jsxFileName="/home/circleci/project/packages/image/src/image.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var TimesImage=function(_Component){(0,_inherits2.default)(TimesImage,_Component);var _super=_createSuper(TimesImage);function TimesImage(props){var _this;(0,_classCallCheck2.default)(this,TimesImage);_this=_super.call(this,props);_this.state={highResIsLoaded:false,highResIsVisible:false,imageIsLoaded:false,lowResIsLoaded:!props.fadeImageIn};_this.handleHighResOnLoad=_this.handleHighResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.handleLowResOnLoad=_this.handleLowResOnLoad.bind((0,_assertThisInitialized2.default)(_this));_this.onHighResTransitionEnd=_this.onHighResTransitionEnd.bind((0,_assertThisInitialized2.default)(_this));_this.getLowResImage=_this.getLowResImage.bind((0,_assertThisInitialized2.default)(_this));_this.getHighResImage=_this.getHighResImage.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(TimesImage,[{key:"onHighResTransitionEnd",value:function onHighResTransitionEnd(){this.setState({highResIsVisible:true});}},{key:"getHighResImage",value:function getHighResImage(img){if(img&&img.complete){this.handleHighResOnLoad();}}},{key:"getLowResImage",value:function getLowResImage(img){if(img&&img.complete){this.handleLowResOnLoad();}}},{key:"handleLowResOnLoad",value:function handleLowResOnLoad(){this.setState({imageIsLoaded:true,lowResIsLoaded:true});}},{key:"handleHighResOnLoad",value:function handleHighResOnLoad(){this.setState({highResIsLoaded:true,imageIsLoaded:true});}},{key:"highResImage",value:function highResImage(_ref){var highResSize=_ref.highResSize,lowResSize=_ref.lowResSize,url=_ref.url;var highResIsLoaded=this.state.highResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(!lowResSize||highResSize){return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getHighResImage,isLoaded:highResIsLoaded,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,_utils.appendToImageURL)(url,"resize",highResSize),zIndex:2,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}});}return null;}},{key:"lowResImage",value:function lowResImage(_ref2){var lowResQuality=_ref2.lowResQuality,lowResSize=_ref2.lowResSize,url=_ref2.url;var _this$state=this.state,highResIsVisible=_this$state.highResIsVisible,lowResIsLoaded=_this$state.lowResIsLoaded;var accessibilityLabel=this.props.accessibilityLabel;if(lowResSize&&!highResIsVisible){var imageSource=(0,_utils.appendToImageURL)(url,"resize",lowResSize);if(lowResQuality){imageSource=(0,_utils.appendToImageURL)(imageSource,"quality",lowResQuality);}return _react.default.createElement(_responsive.default,{alt:accessibilityLabel,ref:this.getLowResImage,isLoaded:lowResIsLoaded,onLoad:this.handleLowResOnLoad,src:imageSource,zIndex:1,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:9}});}return null;}},{key:"render",value:function render(){var _this$props=this.props,aspectRatio=_this$props.aspectRatio,disablePlaceholder=_this$props.disablePlaceholder,highResSize=_this$props.highResSize,lowResQuality=_this$props.lowResQuality,lowResSize=_this$props.lowResSize,style=_this$props.style,uri=_this$props.uri,onLayout=_this$props.onLayout,rounded=_this$props.rounded;var imageIsLoaded=this.state.imageIsLoaded;var url=(0,_utils.addMissingProtocol)(uri);return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[style,rounded&&{borderRadius:"50%",overflow:"hidden"}],testID:"Image",__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:7}},_react.default.createElement("div",{style:{paddingBottom:100/aspectRatio+"%"},__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:9}},this.highResImage({highResSize:highResSize,lowResSize:lowResSize,url:url}),this.lowResImage({lowResQuality:lowResQuality,lowResSize:lowResSize,url:url}),disablePlaceholder||imageIsLoaded?null:_react.default.createElement(_placeholder.default,{borderRadius:rounded?"50%":0,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:13}})));}}]);return TimesImage;}(_react.Component);TimesImage.propTypes=_imagePropTypes.propTypes;TimesImage.defaultProps=_imagePropTypes.defaultProps;var _default=TimesImage;exports.default=_default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _styleguide=require("@times-components/styleguide");var styles={placeholder:{alignItems:"center",backgroundColor:_styleguide.colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0}
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _styleguide=require("@times-components/styleguide");var styles={placeholder:{alignItems:"center",backgroundColor:_styleguide.colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0}};var _default=styles;exports.default=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/image",
|
|
3
|
-
"version": "6.8.
|
|
3
|
+
"version": "6.8.14",
|
|
4
4
|
"main": "dist/index",
|
|
5
5
|
"dev": "src/index",
|
|
6
6
|
"scripts": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
38
38
|
"@times-components/jest-configurator": "2.8.0",
|
|
39
39
|
"@times-components/jest-serializer": "3.2.29",
|
|
40
|
-
"@times-components/storybook": "4.1.
|
|
40
|
+
"@times-components/storybook": "4.1.72",
|
|
41
41
|
"@times-components/test-utils": "2.3.10",
|
|
42
42
|
"@times-components/webpack-configurator": "2.0.29",
|
|
43
43
|
"babel-jest": "24.8.0",
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
"webpack-cli": "3.3.1"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@times-components/link": "3.6.
|
|
64
|
-
"@times-components/styleguide": "3.38.
|
|
63
|
+
"@times-components/link": "3.6.50",
|
|
64
|
+
"@times-components/styleguide": "3.38.28",
|
|
65
65
|
"@times-components/svgs": "2.7.36",
|
|
66
|
-
"@times-components/utils": "6.5.
|
|
66
|
+
"@times-components/utils": "6.5.12",
|
|
67
67
|
"hoist-non-react-statics": "3.3.2",
|
|
68
68
|
"prop-types": "15.7.2",
|
|
69
69
|
"styled-components": "4.3.2"
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "87a56e6bf303e6b47403117d74caded6121286fa"
|
|
85
85
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(3)),a=n(r(10)),i=n(r(11)),u=n(r(12)),l=n(r(13)),s=n(r(14)),d=n(r(15)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=v(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=n(r(4)),p=r(16),h=n(r(5)),b=r(20),g=n(r(7)),y=n(r(22));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,d.default)(e);if(t){var o=(0,d.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var L=function(e){(0,l.default)(r,e);var t=R(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,u.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,u.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,u.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,u.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,u.default)(n)),n}return(0,i.default)(r,[{key:"onHighResTransitionEnd",value:function(){this.setState({highResIsVisible:!0})}},{key:"getHighResImage",value:function(e){e&&e.complete&&this.handleHighResOnLoad()}},{key:"getLowResImage",value:function(e){e&&e.complete&&this.handleLowResOnLoad()}},{key:"handleLowResOnLoad",value:function(){this.setState({imageIsLoaded:!0,lowResIsLoaded:!0})}},{key:"handleHighResOnLoad",value:function(){this.setState({highResIsLoaded:!0,imageIsLoaded:!0})}},{key:"highResImage",value:function(e){var t=e.highResSize,r=e.lowResSize,n=e.url,o=this.state.highResIsLoaded,a=this.props.accessibilityLabel;return!r||t?f.default.createElement(y.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,p.appendToImageURL)(n,"resize",t),zIndex:2}):null}},{key:"lowResImage",value:function(e){var t=e.lowResQuality,r=e.lowResSize,n=e.url,o=this.state,a=o.highResIsVisible,i=o.lowResIsLoaded,u=this.props.accessibilityLabel;if(r&&!a){var l=(0,p.appendToImageURL)(n,"resize",r);return t&&(l=(0,p.appendToImageURL)(l,"quality",t)),f.default.createElement(y.default,{alt:u,ref:this.getLowResImage,isLoaded:i,onLoad:this.handleLowResOnLoad,src:l,zIndex:1})}return null}},{key:"render",value:function(){var e=this.props,t=e.aspectRatio,r=e.disablePlaceholder,n=e.highResSize,o=e.lowResQuality,a=e.lowResSize,i=e.style,u=e.uri,l=e.onLayout,s=e.rounded,d=this.state.imageIsLoaded,b=(0,p.addMissingProtocol)(u);return f.default.createElement(c.default,{onLayout:l,style:[i,s&&{borderRadius:"50%",overflow:"hidden"}]},f.default.createElement("div",{style:O(O({},g.default.wrapper),{},{paddingBottom:100/t+"%"})},this.highResImage({highResSize:n,lowResSize:a,url:b}),this.lowResImage({lowResQuality:o,lowResSize:a,url:b}),r||d?null:f.default.createElement(h.default,{borderRadius:s?"50%":0})))}}]),r}(f.Component);L.defaultProps=b.defaultProps;var w=L;t.default=w},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(17)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(8).colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0},wrapper:{display:"table",height:0,overflow:"hidden",position:"relative",width:"100%"}};t.default=n},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ModalImage",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var o=n(r(2)),a=n(r(24)),i=n(r(5)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(6)),n(r(4))),i=n(r(7)),u=n(r(18));var l=function(e){var t=e.borderRadius,r=void 0===t?0:t;return o.default.createElement(a.default,{height:"100%",style:[i.default.placeholder,r&&{borderRadius:r}],width:"100%"},o.default.createElement(u.default,null))};t.default=l},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=r(8),i=r(19);var u=function(){return o.default.createElement(i.Svg,{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"}},o.default.createElement(i.G,{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1"},o.default.createElement(i.Path,{d:"M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54",fill:a.colours.functional.contrast})))};t.default=u},function(e,t){e.exports=require("@times-components/svgs/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(3)),a=n(r(6)),i=n(r(21));function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=l(l({},i.default.PropTypes),{},{accessibilityLabel:a.default.string,aspectRatio:a.default.number,borderRadius:a.default.number,disablePlaceholder:a.default.bool,fadeImageIn:a.default.bool,highResSize:a.default.number,lowResQuality:a.default.number,lowResSize:a.default.number,onLayout:a.default.func,rounded:a.default.bool,uri:a.default.string});t.propTypes=s;var d=l(l({},i.default.defaultImagePropTypes),{},{aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null});t.defaultProps=d},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Image")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(23)).default.img.withConfig({displayName:"responsive",componentId:"sc-1nnon4d-0"})(["display:block;opacity:",";position:absolute;transition:opacity 0.3s ease-in-out;width:100%;z-index:",";"],(function(e){return e.isLoaded?1:0}),(function(e){return e.zIndex}));t.default=o},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(25)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)).default;t.default=o}]);
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(8)),a=n(r(9)),i=n(r(10)),u=n(r(11)),l=n(r(12)),s=n(r(13)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(r(1)),f=n(r(3)),c=r(14),p=n(r(4)),h=r(19),b=n(r(22));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var y=function(e){(0,u.default)(r,e);var t=v(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).state={highResIsLoaded:!1,highResIsVisible:!1,imageIsLoaded:!1,lowResIsLoaded:!e.fadeImageIn},n.handleHighResOnLoad=n.handleHighResOnLoad.bind((0,i.default)(n)),n.handleLowResOnLoad=n.handleLowResOnLoad.bind((0,i.default)(n)),n.onHighResTransitionEnd=n.onHighResTransitionEnd.bind((0,i.default)(n)),n.getLowResImage=n.getLowResImage.bind((0,i.default)(n)),n.getHighResImage=n.getHighResImage.bind((0,i.default)(n)),n}return(0,a.default)(r,[{key:"onHighResTransitionEnd",value:function(){this.setState({highResIsVisible:!0})}},{key:"getHighResImage",value:function(e){e&&e.complete&&this.handleHighResOnLoad()}},{key:"getLowResImage",value:function(e){e&&e.complete&&this.handleLowResOnLoad()}},{key:"handleLowResOnLoad",value:function(){this.setState({imageIsLoaded:!0,lowResIsLoaded:!0})}},{key:"handleHighResOnLoad",value:function(){this.setState({highResIsLoaded:!0,imageIsLoaded:!0})}},{key:"highResImage",value:function(e){var t=e.highResSize,r=e.lowResSize,n=e.url,o=this.state.highResIsLoaded,a=this.props.accessibilityLabel;return!r||t?d.default.createElement(b.default,{alt:a,ref:this.getHighResImage,isLoaded:o,onLoad:this.handleHighResOnLoad,onTransitionEnd:this.onHighResTransitionEnd,src:(0,c.appendToImageURL)(n,"resize",t),zIndex:2}):null}},{key:"lowResImage",value:function(e){var t=e.lowResQuality,r=e.lowResSize,n=e.url,o=this.state,a=o.highResIsVisible,i=o.lowResIsLoaded,u=this.props.accessibilityLabel;if(r&&!a){var l=(0,c.appendToImageURL)(n,"resize",r);return t&&(l=(0,c.appendToImageURL)(l,"quality",t)),d.default.createElement(b.default,{alt:u,ref:this.getLowResImage,isLoaded:i,onLoad:this.handleLowResOnLoad,src:l,zIndex:1})}return null}},{key:"render",value:function(){var e=this.props,t=e.aspectRatio,r=e.disablePlaceholder,n=e.highResSize,o=e.lowResQuality,a=e.lowResSize,i=e.style,u=e.uri,l=e.onLayout,s=e.rounded,h=this.state.imageIsLoaded,b=(0,c.addMissingProtocol)(u);return d.default.createElement(f.default,{onLayout:l,style:[i,s&&{borderRadius:"50%",overflow:"hidden"}],testID:"Image"},d.default.createElement("div",{style:{paddingBottom:100/t+"%"}},this.highResImage({highResSize:n,lowResSize:a,url:b}),this.lowResImage({lowResQuality:o,lowResSize:a,url:b}),r||h?null:d.default.createElement(p.default,{borderRadius:s?"50%":0})))}}]),r}(d.Component);y.defaultProps=h.defaultProps;var m=y;t.default=m},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(15)).default;t.default=o},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ModalImage",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var o=n(r(2)),a=n(r(24)),i=n(r(4)),u=o.default;t.default=u},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(5)),n(r(3))),i=n(r(16)),u=n(r(17));var l=function(e){var t=e.borderRadius,r=void 0===t?0:t;return o.default.createElement(a.default,{height:"100%",style:[i.default.placeholder,r&&{borderRadius:r}],width:"100%"},o.default.createElement(u.default,null))};t.default=l},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n={placeholder:{alignItems:"center",backgroundColor:r(6).colours.functional.backgroundSecondary,bottom:0,justifyContent:"center",left:0,position:"absolute",right:0,top:0,zIndex:0}};t.default=n},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=r(6),i=r(18);var u=function(){return o.default.createElement(i.Svg,{height:"auto",version:"1.1",viewBox:"145 50 108 120",width:"100%",style:{maxWidth:"25%",maxHeight:"50%"}},o.default.createElement(i.G,{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1"},o.default.createElement(i.Path,{d:"M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54",fill:a.colours.functional.contrast})))};t.default=u},function(e,t){e.exports=require("@times-components/svgs/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.defaultProps=t.propTypes=void 0;var o=n(r(20)),a=n(r(5)),i=n(r(21));function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=l(l({},i.default.PropTypes),{},{accessibilityLabel:a.default.string,aspectRatio:a.default.number,borderRadius:a.default.number,disablePlaceholder:a.default.bool,fadeImageIn:a.default.bool,highResSize:a.default.number,lowResQuality:a.default.number,lowResSize:a.default.number,onLayout:a.default.func,rounded:a.default.bool,uri:a.default.string});t.propTypes=s;var d=l(l({},i.default.defaultImagePropTypes),{},{aspectRatio:void 0,disablePlaceholder:!1,fadeImageIn:!1,highResSize:null,lowResSize:null,rounded:!1,uri:null});t.defaultProps=d},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Image")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(23)).default.img.withConfig({displayName:"responsive",componentId:"sc-1nnon4d-0"})(["display:block;opacity:",";position:absolute;transition:opacity 0.3s ease-in-out;width:100%;z-index:",";"],(function(e){return e.isLoaded?1:0}),(function(e){return e.zIndex}));t.default=o},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(25)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)).default;t.default=o}]);
|