v0.1.14

CHANGELOG.md

@@ -1,12 +1,16 @@
 # react-grid-gallery
 
+### v0.1.14 / 2016-08-22
+
+`selectedImages` state set on `componentWillReceiveProps` allowing selections from outside component to trigger state update.
+
 ### v0.1.13 / 2016-08-22
 
-* Replaced legacy ref string with ref callback. Fixes unsupported stringy ref issue when using [react-grid-gallery](https://github.com/benhowell/react-grid-gallery) inside a [reagent](https://github.com/reagent-project/reagent) project :)
+* Replaced legacy `ref` string with `ref` callback. Fixes multiple react owner issue when using [react-grid-gallery](https://github.com/benhowell/react-grid-gallery) inside a [reagent](https://github.com/reagent-project/reagent) project :)
 
 ### v0.1.12 / 2016-08-22
 
-* Replaced ReactDOM.findDOMNode(this) with ref, removed react-dom deps
+* Replaced `ReactDOM.findDOMNode(this)` with ref, removed react-dom deps
 * Added conditional to ensure image onClick not fired when no function specified
 * Moved CheckButton styling (color, hoverColor, selectedColor) to props
 

lib/CheckButton.js

@@ -1,9 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 var _react = require('react');
@@ -63,6 +59,7 @@ var CheckButton = function (_Component) {
                     style: {
                         visibility: this.visibility(),
                         background: 'none',
+                        float: 'left',
                         width: '36px',
                         height: '36px',
                         border: 'none',
@@ -140,5 +137,4 @@ CheckButton.defaultProps = { isSelectable: true,
     parentHover: false,
     hover: false };
 
-exports.default = CheckButton;
-//module.exports = CheckButton;
+module.exports = CheckButton;

lib/Gallery.js

@@ -55,10 +55,19 @@ var Gallery = function (_Component) {
             this.handleResize();
             window.addEventListener('resize', this.handleResize);
         }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(np) {
+            if (this.state.selectedImages != np.selectedImages) {
+                this.setState({
+                    selectedImages: np.selectedImages
+                });
+            }
+        }
     }, {
         key: 'componentWillUpdate',
         value: function componentWillUpdate(np, ns) {
-            if (this.state.selectedImages != ns.selectedImages) {
+            if (np.selectedImages != ns.selectedImages) {
                 if (this.props.onSelectedImagesChange) this.props.onSelectedImagesChange(ns.selectedImages);
             }
         }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-grid-gallery",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Justified gallery component for React.",
   "main": "lib/Gallery.js",
   "dependencies": {