0.5.16 build files and version update

jossmac · Jan 30, 2018 · 7f229b1 · 7f229b1
1 parent 0862100
commit 7f229b1
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 9 deletions.
diff --git a/.github/HISTORY.md b/.github/HISTORY.md
@@ -1,5 +1,11 @@
 # React-Images
 
+### v0.5.16 / 2018-01-30
+- add preloadImage call to componentDidMount PR #200 thanks to [ilker0] (https://github.com/(https://github.com/ilker0)
+- Changes some docs to clarify that yarn is the preferred package manager for this project. Removes package-lock.json. PR #191 Thanks to [jorrit](https://github.com/(https://github.com/jorrit)
+- Unmount the component tree before removing the portal node from DOM PR #180 thanks to  [pleunv](https://github.com/(https://github.com/pleunv)
+- Fix react warnings by updating react-scrolllock version [jorrit] (https://github.com/(https://github.com/jorrit))
+
 ### v0.5.15 / 2018-01-25
 - spinner functionality pull request #187 thanks to [mkalygin] (https://github.com/(https://github.com/mkalygin)
 

diff --git a/dist/react-images.es.js b/dist/react-images.es.js
@@ -5,7 +5,7 @@ import ScrollLock from 'react-scrolllock';
 import { BounceLoader } from 'react-spinners';
 import { StyleSheet as StyleSheet$1, css as css$1 } from 'aphrodite/no-important';
 import { CSSTransitionGroup } from 'react-transition-group';
-import { render } from 'react-dom';
+import { render, unmountComponentAtNode } from 'react-dom';
 
 // ==============================
 // THEME
@@ -900,6 +900,7 @@ var Portal = function (_Component) {
 	}, {
 		key: 'componentWillUnmount',
 		value: function componentWillUnmount() {
+			unmountComponentAtNode(this.portalElement);
 			document.body.removeChild(this.portalElement);
 		}
 	}, {
@@ -965,8 +966,13 @@ var Lightbox = function (_Component) {
 	}, {
 		key: 'componentDidMount',
 		value: function componentDidMount() {
-			if (this.props.isOpen && this.props.enableKeyboardInput) {
-				window.addEventListener('keydown', this.handleKeyboardInput);
+			if (this.props.isOpen) {
+				if (this.props.enableKeyboardInput) {
+					window.addEventListener('keydown', this.handleKeyboardInput);
+				}
+				if (this.props.currentImage) {
+					this.preloadImage(this.props.currentImage, this.handleImageLoaded);
+				}
 			}
 		}
 	}, {

diff --git a/dist/react-images.js b/dist/react-images.js
@@ -901,6 +901,7 @@ var Portal = function (_Component) {
 	}, {
 		key: 'componentWillUnmount',
 		value: function componentWillUnmount() {
+			reactDom.unmountComponentAtNode(this.portalElement);
 			document.body.removeChild(this.portalElement);
 		}
 	}, {
@@ -966,8 +967,13 @@ var Lightbox = function (_Component) {
 	}, {
 		key: 'componentDidMount',
 		value: function componentDidMount() {
-			if (this.props.isOpen && this.props.enableKeyboardInput) {
-				window.addEventListener('keydown', this.handleKeyboardInput);
+			if (this.props.isOpen) {
+				if (this.props.enableKeyboardInput) {
+					window.addEventListener('keydown', this.handleKeyboardInput);
+				}
+				if (this.props.currentImage) {
+					this.preloadImage(this.props.currentImage, this.handleImageLoaded);
+				}
 			}
 		}
 	}, {

diff --git a/dist/react-images.min.js b/dist/react-images.min.js
diff --git a/lib/Lightbox.js b/lib/Lightbox.js
@@ -96,8 +96,13 @@ var Lightbox = function (_Component) {
 	}, {
 		key: 'componentDidMount',
 		value: function componentDidMount() {
-			if (this.props.isOpen && this.props.enableKeyboardInput) {
-				window.addEventListener('keydown', this.handleKeyboardInput);
+			if (this.props.isOpen) {
+				if (this.props.enableKeyboardInput) {
+					window.addEventListener('keydown', this.handleKeyboardInput);
+				}
+				if (this.props.currentImage) {
+					this.preloadImage(this.props.currentImage, this.handleImageLoaded);
+				}
 			}
 		}
 	}, {

diff --git a/lib/components/Portal.js b/lib/components/Portal.js
@@ -82,6 +82,7 @@ var Portal = function (_Component) {
 	}, {
 		key: 'componentWillUnmount',
 		value: function componentWillUnmount() {
+			(0, _reactDom.unmountComponentAtNode)(this.portalElement);
 			document.body.removeChild(this.portalElement);
 		}
 	}, {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-images",
-  "version": "0.5.15",
+  "version": "0.5.16",
   "description": "A simple, responsive lightbox component for displaying an array of images with React.js",
   "main": "lib/Lightbox.js",
   "jsnext:main": "dist/react-images.es.js",