react-grid-gallery - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

CHANGELOG.md

 # react-grid-gallery
 
+### v0.3.1 / 2017-04-04
+
+* Added lightboxWillOpen and lightBoxWillClose functionality [PR 20](https://github.com/benhowell/react-grid-gallery/pull/20). Thanks [ValYouW](https://github.com/ValYouW).
+
+* Updated documentation for onClickThumbnail fn [issue #19](https://github.com/benhowell/react-grid-gallery/issues/19)
+
+* Updated acknowledgements
+
+
 ### v0.3.0 / 2017-01-14
@@ -4,0 +13,0 @@

lib/Gallery.js

@@ -88,2 +88,6 @@ 'use strict';
             event.preventDefault();
+            if (this.props.lightboxWillOpen) {
+                this.props.lightboxWillOpen(index);
+            }
+
             this.setState({
@@ -97,2 +101,6 @@ currentImage: index,
         value: function closeLightbox() {
+            if (this.props.lightboxWillClose) {
+                this.props.lightboxWillClose();
+            }
+
             this.setState({
@@ -308,2 +316,4 @@ currentImage: 0,
     onClickThumbnail: _react.PropTypes.func,
+    lightboxWillOpen: _react.PropTypes.func,
+    lightboxWillClose: _react.PropTypes.func,
     enableLightbox: _react.PropTypes.bool,
@@ -310,0 +320,0 @@ backdropClosesModal: _react.PropTypes.bool,

package.json

 {
   "name": "react-grid-gallery",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Justified gallery component for React.",
@@ -5,0 +5,0 @@ "main": "lib/Gallery.js",

README.md

 # React Grid Gallery
 
-Justified image gallery component for [React](http://facebook.github.io/react/) based upon [React Images](https://github.com/jossmac/react-images) by [jossmac](https://github.com/jossmac).
+Justified image gallery component for [React](http://facebook.github.io/react/) inspired by [Google Photos](https://photos.google.com/) and based upon [React Images](https://github.com/jossmac/react-images).
 
@@ -82,5 +82,6 @@ ## Live Demo & Examples
 enableLightbox          | bool          | true          | Optional. Enable lightbox display of full size image when thumbnail clicked.
-onClickThumbnail        | func          | openLightbox  | Optional. Function to execute when gallery thumbnail clicked. Overrides openLightbox.
+onClickThumbnail        | func          | openLightbox  | Optional. Function to execute when gallery thumbnail clicked. Optional args: index (index of selected image in images array), event (the click event). Overrides openLightbox.
+lightboxWillOpen        | func          | undefined     | Optional. Function to be called before opening lightbox. Optional arg: index (index of selected image in images array).
+lightboxWillClose       | func          | undefined     | Optional. Function to be called before closing lightbox.
 
-
 ## Lightbox Options
@@ -138,2 +139,5 @@ NOTE: these options are passed inside the Gallery tag.
 
+ * [ValYouW](https://github.com/ValYouW) for lightboxWillOpen and lightBoxWillClose functionality [PR 20](https://github.com/benhowell/react-grid-gallery/pull/20).
+ 
+
  * Demo stock photos:
@@ -148,3 +152,1 @@ * [Jeshu John - designerspics.com](http://designerspics.com)
 
-
-

src/Gallery.js

@@ -59,2 +59,6 @@ import React, { Component, PropTypes } from 'react';
         event.preventDefault();
+        if (this.props.lightboxWillOpen) {
+            this.props.lightboxWillOpen(index);
+        }
+
         this.setState({
@@ -67,2 +71,6 @@ currentImage: index,
     closeLightbox () {
+        if (this.props.lightboxWillClose) {
+            this.props.lightboxWillClose();
+        }
+
         this.setState({
@@ -267,2 +275,4 @@ currentImage: 0,
     onClickThumbnail: PropTypes.func,
+    lightboxWillOpen: PropTypes.func,
+    lightboxWillClose: PropTypes.func,
     enableLightbox: PropTypes.bool,
@@ -269,0 +279,0 @@ backdropClosesModal: PropTypes.bool,

No alert changes

Improved metrics

Total package byte prevSize

447159

increased by0.55%

Lines of code

3439

increased by0.47%

Number of lines in readme file

150

increased by1.35%

No dependency changes