		@@ -1,1199 +0,361 @@
		(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Gallery = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
		"use strict";
		(function (global, factory) {
		typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('prop-types')) :
		typeof define === 'function' && define.amd ? define(['react', 'prop-types'], factory) :
		(global.Gallery = factory(global.React,global.PropTypes));
		}(this, (function (React,PropTypes) { 'use strict';

		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*
		*/
		var React__default = 'default' in React ? React['default'] : React;
		PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;

		function makeEmptyFunction(arg) {
		return function () {
		return arg;
		};
		}
		var asyncGenerator = function () {
		function AwaitValue(value) {
		this.value = value;
		}

		/**
		* This function accepts and discards inputs; it has no side effects. This is
		* primarily useful idiomatically for overridable function endpoints which
		* always need to be callable, since JS lacks a null-call idiom ala Cocoa.
		*/
		var emptyFunction = function emptyFunction() {};
		function AsyncGenerator(gen) {
		var front, back;

		emptyFunction.thatReturns = makeEmptyFunction;
		emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
		emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
		emptyFunction.thatReturnsNull = makeEmptyFunction(null);
		emptyFunction.thatReturnsThis = function () {
		return this;
		};
		emptyFunction.thatReturnsArgument = function (arg) {
		return arg;
		};
		function send(key, arg) {
		return new Promise(function (resolve, reject) {
		var request = {
		key: key,
		arg: arg,
		resolve: resolve,
		reject: reject,
		next: null
		};

		module.exports = emptyFunction;
		},{}],2:[function(require,module,exports){
		(function (process){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*/

		'use strict';

		/**
		* Use invariant() to assert state which your program assumes to be true.
		*
		* Provide sprintf-style format (only %s is supported) and arguments
		* to provide information about what broke and what you were
		* expecting.
		*
		* The invariant message will be stripped in production, but the invariant
		* will remain to ensure logic does not differ in production.
		*/

		var validateFormat = function validateFormat(format) {};

		if (process.env.NODE_ENV !== 'production') {
		validateFormat = function validateFormat(format) {
		if (format === undefined) {
		throw new Error('invariant requires an error message argument');
		if (back) {
		back = back.next = request;
		} else {
		front = back = request;
		resume(key, arg);
		}
		});
		}
		};
		}

		function invariant(condition, format, a, b, c, d, e, f) {
		validateFormat(format);
		function resume(key, arg) {
		try {
		var result = gen[key](arg);
		var value = result.value;

		if (!condition) {
		var error;
		if (format === undefined) {
		error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
		} else {
		var args = [a, b, c, d, e, f];
		var argIndex = 0;
		error = new Error(format.replace(/%s/g, function () {
		return args[argIndex++];
		}));
		error.name = 'Invariant Violation';
		if (value instanceof AwaitValue) {
		Promise.resolve(value.value).then(function (arg) {
		resume("next", arg);
		}, function (arg) {
		resume("throw", arg);
		});
		} else {
		settle(result.done ? "return" : "normal", result.value);
		}
		} catch (err) {
		settle("throw", err);
		}
		}

		error.framesToPop = 1; // we don't care about invariant's own frame
		throw error;
		}
		}
		function settle(type, value) {
		switch (type) {
		case "return":
		front.resolve({
		value: value,
		done: true
		});
		break;

		module.exports = invariant;
		}).call(this,require('_process'))
		},{"_process":5}],3:[function(require,module,exports){
		(function (process){
		/**
		* Copyright (c) 2014-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*
		*/
		case "throw":
		front.reject(value);
		break;

		'use strict';
		default:
		front.resolve({
		value: value,
		done: false
		});
		break;
		}

		var emptyFunction = require('./emptyFunction');
		front = front.next;

		/**
		* Similar to invariant but only logs a warning if the condition is not met.
		* This can be used to log issues in development environments in critical
		* paths. Removing the logging code for production environments will keep the
		* same logic and follow the same code paths.
		*/
		if (front) {
		resume(front.key, front.arg);
		} else {
		back = null;
		}
		}

		var warning = emptyFunction;
		this._invoke = send;

		if (process.env.NODE_ENV !== 'production') {
		var printWarning = function printWarning(format) {
		for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
		args[_key - 1] = arguments[_key];
		if (typeof gen.return !== "function") {
		this.return = undefined;
		}
		}

		var argIndex = 0;
		var message = 'Warning: ' + format.replace(/%s/g, function () {
		return args[argIndex++];
		});
		if (typeof console !== 'undefined') {
		console.error(message);
		}
		try {
		// --- Welcome to debugging React ---
		// This error was thrown as a convenience so that you can use this stack
		// to find the callsite that caused this warning to fire.
		throw new Error(message);
		} catch (x) {}
		if (typeof Symbol === "function" && Symbol.asyncIterator) {
		AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
		return this;
		};
		}

		AsyncGenerator.prototype.next = function (arg) {
		return this._invoke("next", arg);
		};

		warning = function warning(condition, format) {
		if (format === undefined) {
		throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
		}
		AsyncGenerator.prototype.throw = function (arg) {
		return this._invoke("throw", arg);
		};

		if (format.indexOf('Failed Composite propType: ') === 0) {
		return; // Ignore CompositeComponent proptype check.
		}
		AsyncGenerator.prototype.return = function (arg) {
		return this._invoke("return", arg);
		};

		if (!condition) {
		for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
		args[_key2 - 2] = arguments[_key2];
		}

		printWarning.apply(undefined, [format].concat(args));
		return {
		wrap: function (fn) {
		return function () {
		return new AsyncGenerator(fn.apply(this, arguments));
		};
		},
		await: function (value) {
		return new AwaitValue(value);
		}
		};
		}
		}();

		module.exports = warning;
		}).call(this,require('_process'))
		},{"./emptyFunction":1,"_process":5}],4:[function(require,module,exports){
		/*
		object-assign
		(c) Sindre Sorhus
		@license MIT
		*/

		'use strict';
		/* eslint-disable no-unused-vars */
		var getOwnPropertySymbols = Object.getOwnPropertySymbols;
		var hasOwnProperty = Object.prototype.hasOwnProperty;
		var propIsEnumerable = Object.prototype.propertyIsEnumerable;

		function toObject(val) {
		if (val === null \|\| val === undefined) {
		throw new TypeError('Object.assign cannot be called with null or undefined');
		}

		return Object(val);
		}

		function shouldUseNative() {
		try {
		if (!Object.assign) {
		return false;
		}

		// Detect buggy property enumeration order in older V8 versions.

		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
		var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
		test1[5] = 'de';
		if (Object.getOwnPropertyNames(test1)[0] === '5') {
		return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test2 = {};
		for (var i = 0; i < 10; i++) {
		test2['_' + String.fromCharCode(i)] = i;
		}
		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
		return test2[n];
		});
		if (order2.join('') !== '0123456789') {
		return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test3 = {};
		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
		test3[letter] = letter;
		});
		if (Object.keys(Object.assign({}, test3)).join('') !==
		'abcdefghijklmnopqrst') {
		return false;
		}

		return true;
		} catch (err) {
		// We don't expect any of the above to throw, but better to be safe.
		return false;
		}
		}

		module.exports = shouldUseNative() ? Object.assign : function (target, source) {
		var from;
		var to = toObject(target);
		var symbols;

		for (var s = 1; s < arguments.length; s++) {
		from = Object(arguments[s]);

		for (var key in from) {
		if (hasOwnProperty.call(from, key)) {
		to[key] = from[key];
		}
		}

		if (getOwnPropertySymbols) {
		symbols = getOwnPropertySymbols(from);
		for (var i = 0; i < symbols.length; i++) {
		if (propIsEnumerable.call(from, symbols[i])) {
		to[symbols[i]] = from[symbols[i]];
		}
		}
		}
		}

		return to;
		var classCallCheck = function (instance, Constructor) {
		if (!(instance instanceof Constructor)) {
		throw new TypeError("Cannot call a class as a function");
		}
		};

		},{}],5:[function(require,module,exports){
		// shim for using process in browser
		var process = module.exports = {};

		// cached from whatever global is present so that test runners that stub it
		// don't break things. But we need to wrap it in a try catch in case it is
		// wrapped in strict mode code which doesn't define any globals. It's inside a
		// function because try/catches deoptimize in certain engines.

		var cachedSetTimeout;
		var cachedClearTimeout;

		function defaultSetTimout() {
		throw new Error('setTimeout has not been defined');
		}
		function defaultClearTimeout () {
		throw new Error('clearTimeout has not been defined');
		}
		(function () {
		try {
		if (typeof setTimeout === 'function') {
		cachedSetTimeout = setTimeout;
		} else {
		cachedSetTimeout = defaultSetTimout;
		}
		} catch (e) {
		cachedSetTimeout = defaultSetTimout;
		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);
		}
		try {
		if (typeof clearTimeout === 'function') {
		cachedClearTimeout = clearTimeout;
		} else {
		cachedClearTimeout = defaultClearTimeout;
		}
		} catch (e) {
		cachedClearTimeout = defaultClearTimeout;
		}
		} ())
		function runTimeout(fun) {
		if (cachedSetTimeout === setTimeout) {
		//normal enviroments in sane situations
		return setTimeout(fun, 0);
		}
		// if setTimeout wasn't available but was latter defined
		if ((cachedSetTimeout === defaultSetTimout \|\| !cachedSetTimeout) && setTimeout) {
		cachedSetTimeout = setTimeout;
		return setTimeout(fun, 0);
		}
		try {
		// when when somebody has screwed with setTimeout but no I.E. maddness
		return cachedSetTimeout(fun, 0);
		} catch(e){
		try {
		// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
		return cachedSetTimeout.call(null, fun, 0);
		} catch(e){
		// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
		return cachedSetTimeout.call(this, fun, 0);
		}
		}
		}

		return function (Constructor, protoProps, staticProps) {
		if (protoProps) defineProperties(Constructor.prototype, protoProps);
		if (staticProps) defineProperties(Constructor, staticProps);
		return Constructor;
		};
		}();

		}
		function runClearTimeout(marker) {
		if (cachedClearTimeout === clearTimeout) {
		//normal enviroments in sane situations
		return clearTimeout(marker);
		}
		// if clearTimeout wasn't available but was latter defined
		if ((cachedClearTimeout === defaultClearTimeout \|\| !cachedClearTimeout) && clearTimeout) {
		cachedClearTimeout = clearTimeout;
		return clearTimeout(marker);
		}
		try {
		// when when somebody has screwed with setTimeout but no I.E. maddness
		return cachedClearTimeout(marker);
		} catch (e){
		try {
		// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
		return cachedClearTimeout.call(null, marker);
		} catch (e){
		// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
		// Some versions of I.E. have different rules for clearTimeout vs setTimeout
		return cachedClearTimeout.call(this, marker);
		}
		}



		}
		var queue = [];
		var draining = false;
		var currentQueue;
		var queueIndex = -1;

		function cleanUpNextTick() {
		if (!draining \|\| !currentQueue) {
		return;
		}
		draining = false;
		if (currentQueue.length) {
		queue = currentQueue.concat(queue);
		} else {
		queueIndex = -1;
		}
		if (queue.length) {
		drainQueue();
		}
		}

		function drainQueue() {
		if (draining) {
		return;
		}
		var timeout = runTimeout(cleanUpNextTick);
		draining = true;

		var len = queue.length;
		while(len) {
		currentQueue = queue;
		queue = [];
		while (++queueIndex < len) {
		if (currentQueue) {
		currentQueue[queueIndex].run();
		}
		}
		queueIndex = -1;
		len = queue.length;
		}
		currentQueue = null;
		draining = false;
		runClearTimeout(timeout);
		}
		var _extends = Object.assign \|\| function (target) {
		for (var i = 1; i < arguments.length; i++) {
		var source = arguments[i];

		process.nextTick = function (fun) {
		var args = new Array(arguments.length - 1);
		if (arguments.length > 1) {
		for (var i = 1; i < arguments.length; i++) {
		args[i - 1] = arguments[i];
		}
		for (var key in source) {
		if (Object.prototype.hasOwnProperty.call(source, key)) {
		target[key] = source[key];
		}
		}
		queue.push(new Item(fun, args));
		if (queue.length === 1 && !draining) {
		runTimeout(drainQueue);
		}
		};
		}

		// v8 likes predictible objects
		function Item(fun, array) {
		this.fun = fun;
		this.array = array;
		}
		Item.prototype.run = function () {
		this.fun.apply(null, this.array);
		return target;
		};
		process.title = 'browser';
		process.browser = true;
		process.env = {};
		process.argv = [];
		process.version = ''; // empty string to avoid regexp issues
		process.versions = {};

		function noop() {}

		process.on = noop;
		process.addListener = noop;
		process.once = noop;
		process.off = noop;
		process.removeListener = noop;
		process.removeAllListeners = noop;
		process.emit = noop;
		process.prependListener = noop;
		process.prependOnceListener = noop;

		process.listeners = function (name) { return [] }

		process.binding = function (name) {
		throw new Error('process.binding is not supported');
		};

		process.cwd = function () { return '/' };
		process.chdir = function (dir) {
		throw new Error('process.chdir is not supported');
		};
		process.umask = function() { return 0; };

		},{}],6:[function(require,module,exports){
		(function (process){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		if (process.env.NODE_ENV !== 'production') {
		var invariant = require('fbjs/lib/invariant');
		var warning = require('fbjs/lib/warning');
		var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
		var loggedTypeFailures = {};
		}

		/**
		* Assert that the values match with the type specs.
		* Error messages are memorized and will only be shown once.
		*
		* @param {object} typeSpecs Map of name to a ReactPropType
		* @param {object} values Runtime values that need to be type-checked
		* @param {string} location e.g. "prop", "context", "child context"
		* @param {string} componentName Name of the component for error messages.
		* @param {?Function} getStack Returns the component stack.
		* @private
		*/
		function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
		if (process.env.NODE_ENV !== 'production') {
		for (var typeSpecName in typeSpecs) {
		if (typeSpecs.hasOwnProperty(typeSpecName)) {
		var error;
		// Prop type validation may throw. In case they do, we don't want to
		// fail the render phase where it didn't fail before. So we log it.
		// After these have been cleaned up, we'll let them throw.
		try {
		// This is intentionally an invariant that gets caught. It's the same
		// behavior as without this statement except with a better message.
		invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName \|\| 'React class', location, typeSpecName, typeof typeSpecs[typeSpecName]);
		error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
		} catch (ex) {
		error = ex;
		}
		warning(!error \|\| error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName \|\| 'React class', location, typeSpecName, typeof error);
		if (error instanceof Error && !(error.message in loggedTypeFailures)) {
		// Only monitor this failure once because there tends to be a lot of the
		// same error.
		loggedTypeFailures[error.message] = true;

		var stack = getStack ? getStack() : '';

		warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
		}
		}
		}
		var inherits = function (subClass, superClass) {
		if (typeof superClass !== "function" && superClass !== null) {
		throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
		}
		}

		module.exports = checkPropTypes;

		}).call(this,require('_process'))
		},{"./lib/ReactPropTypesSecret":10,"_process":5,"fbjs/lib/invariant":2,"fbjs/lib/warning":3}],7:[function(require,module,exports){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		var emptyFunction = require('fbjs/lib/emptyFunction');
		var invariant = require('fbjs/lib/invariant');
		var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');

		module.exports = function() {
		function shim(props, propName, componentName, location, propFullName, secret) {
		if (secret === ReactPropTypesSecret) {
		// It is still safe when called from React.
		return;
		subClass.prototype = Object.create(superClass && superClass.prototype, {
		constructor: {
		value: subClass,
		enumerable: false,
		writable: true,
		configurable: true
		}
		invariant(
		false,
		'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
		'Use PropTypes.checkPropTypes() to call them. ' +
		'Read more at http://fb.me/use-check-prop-types'
		);
		};
		shim.isRequired = shim;
		function getShim() {
		return shim;
		};
		// Important!
		// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
		var ReactPropTypes = {
		array: shim,
		bool: shim,
		func: shim,
		number: shim,
		object: shim,
		string: shim,
		symbol: shim,

		any: shim,
		arrayOf: getShim,
		element: shim,
		instanceOf: getShim,
		node: shim,
		objectOf: getShim,
		oneOf: getShim,
		oneOfType: getShim,
		shape: getShim,
		exact: getShim
		};

		ReactPropTypes.checkPropTypes = emptyFunction;
		ReactPropTypes.PropTypes = ReactPropTypes;

		return ReactPropTypes;
		});
		if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
		};

		},{"./lib/ReactPropTypesSecret":10,"fbjs/lib/emptyFunction":1,"fbjs/lib/invariant":2}],8:[function(require,module,exports){
		(function (process){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/

		'use strict';

		var emptyFunction = require('fbjs/lib/emptyFunction');
		var invariant = require('fbjs/lib/invariant');
		var warning = require('fbjs/lib/warning');
		var assign = require('object-assign');

		var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
		var checkPropTypes = require('./checkPropTypes');

		module.exports = function(isValidElement, throwOnDirectAccess) {
		/* global Symbol */
		var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
		var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.

		/**
		* Returns the iterator method function contained on the iterable object.
		*
		* Be sure to invoke the function with the iterable as context:
		*
		* var iteratorFn = getIteratorFn(myIterable);
		* if (iteratorFn) {
		* var iterator = iteratorFn.call(myIterable);
		* ...
		* }
		*
		* @param {?object} maybeIterable
		* @return {?function}
		*/
		function getIteratorFn(maybeIterable) {
		var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] \|\| maybeIterable[FAUX_ITERATOR_SYMBOL]);
		if (typeof iteratorFn === 'function') {
		return iteratorFn;
		}
		}

		/**
		* Collection of methods that allow declaration and validation of props that are
		* supplied to React components. Example usage:
		*
		* var Props = require('ReactPropTypes');
		* var MyArticle = React.createClass({
		* propTypes: {
		* // An optional string prop named "description".
		* description: Props.string,
		*
		* // A required enum prop named "category".
		* category: Props.oneOf(['News','Photos']).isRequired,
		*
		* // A prop named "dialog" that requires an instance of Dialog.
		* dialog: Props.instanceOf(Dialog).isRequired
		* },
		* render: function() { ... }
		* });
		*
		* A more formal specification of how these methods are used:
		*
		* type := array\|bool\|func\|object\|number\|string\|oneOf([...])\|instanceOf(...)
		* decl := ReactPropTypes.{type}(.isRequired)?
		*
		* Each and every declaration produces a function with the same signature. This
		* allows the creation of custom validation functions. For example:
		*
		* var MyLink = React.createClass({
		* propTypes: {
		* // An optional string or URI prop named "href".
		* href: function(props, propName, componentName) {
		* var propValue = props[propName];
		* if (propValue != null && typeof propValue !== 'string' &&
		* !(propValue instanceof URI)) {
		* return new Error(
		* 'Expected a string or an URI for ' + propName + ' in ' +
		* componentName
		* );
		* }
		* }
		* },
		* render: function() {...}
		* });
		*
		* @internal
		*/

		var ANONYMOUS = '<<anonymous>>';

		// Important!
		// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
		var ReactPropTypes = {
		array: createPrimitiveTypeChecker('array'),
		bool: createPrimitiveTypeChecker('boolean'),
		func: createPrimitiveTypeChecker('function'),
		number: createPrimitiveTypeChecker('number'),
		object: createPrimitiveTypeChecker('object'),
		string: createPrimitiveTypeChecker('string'),
		symbol: createPrimitiveTypeChecker('symbol'),

		any: createAnyTypeChecker(),
		arrayOf: createArrayOfTypeChecker,
		element: createElementTypeChecker(),
		instanceOf: createInstanceTypeChecker,
		node: createNodeChecker(),
		objectOf: createObjectOfTypeChecker,
		oneOf: createEnumTypeChecker,
		oneOfType: createUnionTypeChecker,
		shape: createShapeTypeChecker,
		exact: createStrictShapeTypeChecker,
		};

		/**
		* inlined Object.is polyfill to avoid requiring consumers ship their own
		* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
		*/
		/eslint-disable no-self-compare/
		function is(x, y) {
		// SameValue algorithm
		if (x === y) {
		// Steps 1-5, 7-10
		// Steps 6.b-6.e: +0 != -0
		return x !== 0 \|\| 1 / x === 1 / y;
		} else {
		// Step 6.a: NaN == NaN
		return x !== x && y !== y;
		}
		var possibleConstructorReturn = function (self, call) {
		if (!self) {
		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
		}
		/eslint-enable no-self-compare/

		/**
		* We use an Error-like object for backward compatibility as people may call
		* PropTypes directly and inspect their output. However, we don't use real
		* Errors anymore. We don't inspect their stack anyway, and creating them
		* is prohibitively expensive if they are created too often, such as what
		* happens in oneOfType() for any type before the one that matched.
		*/
		function PropTypeError(message) {
		this.message = message;
		this.stack = '';
		}
		// Make `instanceof Error` still work for returned errors.
		PropTypeError.prototype = Error.prototype;
		return call && (typeof call === "object" \|\| typeof call === "function") ? call : self;
		};

		function createChainableTypeChecker(validate) {
		if (process.env.NODE_ENV !== 'production') {
		var manualPropTypeCallCache = {};
		var manualPropTypeWarningCount = 0;
		}
		function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
		componentName = componentName \|\| ANONYMOUS;
		propFullName = propFullName \|\| propName;

		if (secret !== ReactPropTypesSecret) {
		if (throwOnDirectAccess) {
		// New behavior only for users of `prop-types` package
		invariant(
		false,
		'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
		'Use `PropTypes.checkPropTypes()` to call them. ' +
		'Read more at http://fb.me/use-check-prop-types'
		);
		} else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
		// Old behavior for people using React.PropTypes
		var cacheKey = componentName + ':' + propName;
		if (
		!manualPropTypeCallCache[cacheKey] &&
		// Avoid spamming the console because they are often not actionable except for lib authors
		manualPropTypeWarningCount < 3
		) {
		warning(
		false,
		'You are manually calling a React.PropTypes validation ' +
		'function for the `%s` prop on `%s`. This is deprecated ' +
		'and will throw in the standalone `prop-types` package. ' +
		'You may be seeing this warning due to a third-party PropTypes ' +
		'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',
		propFullName,
		componentName
		);
		manualPropTypeCallCache[cacheKey] = true;
		manualPropTypeWarningCount++;
		}
		}
		}
		if (props[propName] == null) {
		if (isRequired) {
		if (props[propName] === null) {
		return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
		}
		return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
		}
		return null;
		} else {
		return validate(props, propName, componentName, location, propFullName);
		}
		}

		var chainedCheckType = checkType.bind(null, false);
		chainedCheckType.isRequired = checkType.bind(null, true);

		return chainedCheckType;
		}

		function createPrimitiveTypeChecker(expectedType) {
		function validate(props, propName, componentName, location, propFullName, secret) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== expectedType) {
		// `propValue` being instance of, say, date/regexp, pass the 'object'
		// check, but we can offer a more precise error message here rather than
		// 'of type `object`'.
		var preciseType = getPreciseType(propValue);

		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createAnyTypeChecker() {
		return createChainableTypeChecker(emptyFunction.thatReturnsNull);
		}

		function createArrayOfTypeChecker(typeChecker) {
		function validate(props, propName, componentName, location, propFullName) {
		if (typeof typeChecker !== 'function') {
		return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
		}
		var propValue = props[propName];
		if (!Array.isArray(propValue)) {
		var propType = getPropType(propValue);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
		}
		for (var i = 0; i < propValue.length; i++) {
		var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
		if (error instanceof Error) {
		return error;
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createElementTypeChecker() {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		if (!isValidElement(propValue)) {
		var propType = getPropType(propValue);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createInstanceTypeChecker(expectedClass) {
		function validate(props, propName, componentName, location, propFullName) {
		if (!(props[propName] instanceof expectedClass)) {
		var expectedClassName = expectedClass.name \|\| ANONYMOUS;
		var actualClassName = getClassName(props[propName]);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createEnumTypeChecker(expectedValues) {
		if (!Array.isArray(expectedValues)) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
		return emptyFunction.thatReturnsNull;
		}

		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		for (var i = 0; i < expectedValues.length; i++) {
		if (is(propValue, expectedValues[i])) {
		return null;
		}
		}

		var valuesString = JSON.stringify(expectedValues);
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
		}
		return createChainableTypeChecker(validate);
		}

		function createObjectOfTypeChecker(typeChecker) {
		function validate(props, propName, componentName, location, propFullName) {
		if (typeof typeChecker !== 'function') {
		return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
		}
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
		}
		for (var key in propValue) {
		if (propValue.hasOwnProperty(key)) {
		var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error instanceof Error) {
		return error;
		}
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}

		function createUnionTypeChecker(arrayOfTypeCheckers) {
		if (!Array.isArray(arrayOfTypeCheckers)) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
		return emptyFunction.thatReturnsNull;
		}

		for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
		var checker = arrayOfTypeCheckers[i];
		if (typeof checker !== 'function') {
		warning(
		false,
		'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
		'received %s at index %s.',
		getPostfixForTypeWarning(checker),
		i
		);
		return emptyFunction.thatReturnsNull;
		}
		}

		function validate(props, propName, componentName, location, propFullName) {
		for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
		var checker = arrayOfTypeCheckers[i];
		if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
		return null;
		}
		}

		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
		}
		return createChainableTypeChecker(validate);
		}

		function createNodeChecker() {
		function validate(props, propName, componentName, location, propFullName) {
		if (!isNode(props[propName])) {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		}
		var toConsumableArray = function (arr) {
		if (Array.isArray(arr)) {
		for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];

		function createShapeTypeChecker(shapeTypes) {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
		}
		for (var key in shapeTypes) {
		var checker = shapeTypes[key];
		if (!checker) {
		continue;
		}
		var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error) {
		return error;
		}
		}
		return null;
		}
		return createChainableTypeChecker(validate);
		return arr2;
		} else {
		return Array.from(arr);
		}
		};

		function createStrictShapeTypeChecker(shapeTypes) {
		function validate(props, propName, componentName, location, propFullName) {
		var propValue = props[propName];
		var propType = getPropType(propValue);
		if (propType !== 'object') {
		return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
		}
		// We need to check all keys in case some are required but missing from
		// props.
		var allKeys = assign({}, props[propName], shapeTypes);
		for (var key in allKeys) {
		var checker = shapeTypes[key];
		if (!checker) {
		return new PropTypeError(
		'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
		'\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
		'\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
		);
		}
		var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
		if (error) {
		return error;
		}
		}
		return null;
		}
		var imgWithClick = { cursor: 'pointer' };

		return createChainableTypeChecker(validate);
		}
		var Photo = function (_PureComponent) {
		inherits(Photo, _PureComponent);

		function isNode(propValue) {
		switch (typeof propValue) {
		case 'number':
		case 'string':
		case 'undefined':
		return true;
		case 'boolean':
		return !propValue;
		case 'object':
		if (Array.isArray(propValue)) {
		return propValue.every(isNode);
		}
		if (propValue === null \|\| isValidElement(propValue)) {
		return true;
		}
		function Photo() {
		classCallCheck(this, Photo);

		var iteratorFn = getIteratorFn(propValue);
		if (iteratorFn) {
		var iterator = iteratorFn.call(propValue);
		var step;
		if (iteratorFn !== propValue.entries) {
		while (!(step = iterator.next()).done) {
		if (!isNode(step.value)) {
		return false;
		}
		}
		} else {
		// Iterator will provide entry [k,v] tuples rather than values.
		while (!(step = iterator.next()).done) {
		var entry = step.value;
		if (entry) {
		if (!isNode(entry[1])) {
		return false;
		}
		}
		}
		}
		} else {
		return false;
		}
		var _this = possibleConstructorReturn(this, (Photo.__proto__ \|\| Object.getPrototypeOf(Photo)).call(this));

		return true;
		default:
		return false;
		}
		_this.handleClick = _this.handleClick.bind(_this);
		return _this;
		}

		function isSymbol(propType, propValue) {
		// Native Symbol.
		if (propType === 'symbol') {
		return true;
		}
		createClass(Photo, [{
		key: 'handleClick',
		value: function handleClick(event) {
		var _props = this.props,
		onClick = _props.onClick,
		index = _props.index,
		photo = _props.photo;

		// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
		if (propValue['@@toStringTag'] === 'Symbol') {
		return true;
		onClick(event, { photo: photo, index: index });
		}
		}, {
		key: 'render',
		value: function render() {
		var _props2 = this.props,
		photo = _props2.photo,
		onClick = _props2.onClick,
		margin = _props2.margin;

		// Fallback for non-spec compliant Symbols which are polyfilled.
		if (typeof Symbol === 'function' && propValue instanceof Symbol) {
		return true;
		var imgStyle = { display: 'block', float: 'left', margin: margin };
		return React__default.createElement('img', _extends({
		style: onClick ? _extends({}, imgStyle, imgWithClick) : imgStyle
		}, photo, {
		onClick: onClick ? this.handleClick : null
		}));
		}
		}]);
		return Photo;
		}(React.PureComponent);

		return false;
		}
		var photoPropType = PropTypes.shape({
		src: PropTypes.string.isRequired,
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired,
		alt: PropTypes.string,
		title: PropTypes.string,
		srcSet: PropTypes.array,
		sizes: PropTypes.array
		});

		// Equivalent of `typeof` but with special handling for array and regexp.
		function getPropType(propValue) {
		var propType = typeof propValue;
		if (Array.isArray(propValue)) {
		return 'array';
		}
		if (propValue instanceof RegExp) {
		// Old webkits (at least until Android 4.0) return 'function' rather than
		// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
		// passes PropTypes.object.
		return 'object';
		}
		if (isSymbol(propType, propValue)) {
		return 'symbol';
		}
		return propType;
		}

		// This handles more types than `getPropType`. Only used for error messages.
		// See `createPrimitiveTypeChecker`.
		function getPreciseType(propValue) {
		if (typeof propValue === 'undefined' \|\| propValue === null) {
		return '' + propValue;
		}
		var propType = getPropType(propValue);
		if (propType === 'object') {
		if (propValue instanceof Date) {
		return 'date';
		} else if (propValue instanceof RegExp) {
		return 'regexp';
		}
		}
		return propType;
		}

		// Returns a string that is postfixed to a warning about an invalid type.
		// For example, "undefined" or "of type array"
		function getPostfixForTypeWarning(value) {
		var type = getPreciseType(value);
		switch (type) {
		case 'array':
		case 'object':
		return 'an ' + type;
		case 'boolean':
		case 'date':
		case 'regexp':
		return 'a ' + type;
		default:
		return type;
		}
		}

		// Returns class name of the object, if any.
		function getClassName(propValue) {
		if (!propValue.constructor \|\| !propValue.constructor.name) {
		return ANONYMOUS;
		}
		return propValue.constructor.name;
		}

		ReactPropTypes.checkPropTypes = checkPropTypes;
		ReactPropTypes.PropTypes = ReactPropTypes;

		return ReactPropTypes;
		Photo.propTypes = {
		index: PropTypes.number,
		onClick: PropTypes.func,
		photo: photoPropType
		};

		}).call(this,require('_process'))
		},{"./checkPropTypes":6,"./lib/ReactPropTypesSecret":10,"_process":5,"fbjs/lib/emptyFunction":1,"fbjs/lib/invariant":2,"fbjs/lib/warning":3,"object-assign":4}],9:[function(require,module,exports){
		(function (process){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/
		function round(value, decimals) {
		return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
		}
		function ratio(_ref) {
		var width = _ref.width,
		height = _ref.height;

		if (process.env.NODE_ENV !== 'production') {
		var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
		Symbol.for &&
		Symbol.for('react.element')) \|\|
		0xeac7;

		var isValidElement = function(object) {
		return typeof object === 'object' &&
		object !== null &&
		object.$$typeof === REACT_ELEMENT_TYPE;
		};

		// By explicitly using `prop-types` you are opting into new development behavior.
		// http://fb.me/prop-types-in-prod
		var throwOnDirectAccess = true;
		module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
		} else {
		// By explicitly using `prop-types` you are opting into new production behavior.
		// http://fb.me/prop-types-in-prod
		module.exports = require('./factoryWithThrowingShims')();
		return width / height;
		}

		}).call(this,require('_process'))
		},{"./factoryWithThrowingShims":7,"./factoryWithTypeCheckers":8,"_process":5}],10:[function(require,module,exports){
		/**
		* Copyright (c) 2013-present, Facebook, Inc.
		*
		* This source code is licensed under the MIT license found in the
		* LICENSE file in the root directory of this source tree.
		*/
		function computeSizes(_ref2) {
		var photos = _ref2.photos,
		columns = _ref2.columns,
		width = _ref2.width,
		margin = _ref2.margin;

		'use strict';
		if (!width) {
		return [];
		}
		// divide photos over rows, max cells based on `columns`
		// effectively resulting in [[0, 1, 2], [3, 4, 5], [6, 7]]
		var rows = photos.reduce(function (acc, cell, idx) {
		var row = Math.floor(idx / columns);
		acc[row] = acc[row] ? [].concat(toConsumableArray(acc[row]), [cell]) : [cell]; // eslint-disable-line no-param-reassign
		return acc;
		}, []);

		var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
		// calculate total ratio of each row, and adjust each cell height and width
		// accordingly.
		var lastRowIndex = rows.length - 1;
		var rowsWithSizes = rows.map(function (row, rowIndex) {
		var totalRatio = row.reduce(function (result, photo) {
		return result + ratio(photo);
		}, 0);
		var rowWidth = width - row.length * (margin * 2);
		var height = rowIndex !== lastRowIndex \|\| row.length > 1 ? // eslint-disable-line
		rowWidth / totalRatio : rowWidth / columns / totalRatio;

		module.exports = ReactPropTypesSecret;
		return row.map(function (photo) {
		return _extends({}, photo, {
		height: round(height, 1),
		width: round(height * ratio(photo), 1)
		});
		});
		});
		return rowsWithSizes.reduce(function (acc, row) {
		return [].concat(toConsumableArray(acc), toConsumableArray(row));
		}, []);
		}

		},{}],11:[function(require,module,exports){
		(function (global){
		'use strict';
		var Gallery$1 = function (_React$Component) {
		inherits(Gallery, _React$Component);

		Object.defineProperty(exports, '__esModule', {
		value: true
		});
		function Gallery() {
		classCallCheck(this, Gallery);

		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 _this = possibleConstructorReturn(this, (Gallery.__proto__ \|\| Object.getPrototypeOf(Gallery)).call(this));

		var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

		function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var _react = (typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var _Photo = require('./Photo');

		var _Photo2 = _interopRequireDefault(_Photo);

		var _utils = require('./utils');

		var Gallery = (function (_PureComponent) {
		_inherits(Gallery, _PureComponent);

		function Gallery() {
		_classCallCheck(this, Gallery);

		_get(Object.getPrototypeOf(Gallery.prototype), 'constructor', this).call(this);
		this.state = {
		_this.state = {
		containerWidth: 0
		};
		this.handleResize = this.handleResize.bind(this);
		this.handleClick = this.handleClick.bind(this);
		_this.handleResize = _this.handleResize.bind(_this);
		_this.handleClick = _this.handleClick.bind(_this);
		return _this;
		}

		_createClass(Gallery, [{
		createClass(Gallery, [{
		key: 'componentDidMount',
		@@ -1212,2 +374,7 @@ value: function componentDidMount() {
		}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate() {
		return true;
		}
		}, {
		key: 'componentWillUnmount',
		@@ -1226,5 +393,5 @@ value: function componentWillUnmount() {
		var index = _ref.index;
		var _props = this.props;
		var photos = _props.photos;
		var onClick = _props.onClick;
		var _props = this.props,
		photos = _props.photos,
		onClick = _props.onClick;

		@@ -1241,29 +408,26 @@ onClick(event, {
		value: function render() {
		var _this = this;
		var _this2 = this;

		var _props$ImageComponent = this.props.ImageComponent;
		var ImageComponent = _props$ImageComponent === undefined ? _Photo2['default'] : _props$ImageComponent;
		var _props$ImageComponent = this.props.ImageComponent,
		ImageComponent = _props$ImageComponent === undefined ? Photo : _props$ImageComponent;
		// subtract 1 pixel because the browser may round up a pixel

		// subtract 1 pixel because the browser may round up a pixel
		var width = this.state.containerWidth - 1;
		var _props2 = this.props;
		var photos = _props2.photos;
		var columns = _props2.columns;
		var margin = _props2.margin;
		var onClick = _props2.onClick;
		var _props2 = this.props,
		photos = _props2.photos,
		columns = _props2.columns,
		margin = _props2.margin,
		onClick = _props2.onClick;

		var thumbs = (0, _utils.computeSizes)({ width: width, columns: columns, margin: margin, photos: photos });
		return _react2['default'].createElement(
		var thumbs = computeSizes({ width: width, columns: columns, margin: margin, photos: photos });
		return React__default.createElement(
		'div',
		{ className: 'react-photo-gallery--gallery' },
		_react2['default'].createElement(
		React__default.createElement(
		'div',
		{ ref: function (c) {
		return _this._gallery = c;
		{ ref: function ref(c) {
		return _this2._gallery = c;
		} },
		thumbs.map(function (photo, index) {
		var width = photo.width;
		var height = photo.height;

		return _react2['default'].createElement(ImageComponent, {
		return React__default.createElement(ImageComponent, {
		key: photo.key \|\| photo.src,
		@@ -1273,23 +437,22 @@ margin: margin,
		photo: photo,
		onClick: onClick ? _this.handleClick : null
		onClick: onClick ? _this2.handleClick : null
		});
		})
		),
		_react2['default'].createElement('div', { style: { content: '', display: 'table', clear: 'both' } })
		React__default.createElement('div', { style: { content: '', display: 'table', clear: 'both' } })
		);
		}
		}]);

		return Gallery;
		})(_react.PureComponent);
		}(React__default.Component);

		Gallery.propTypes = {
		photos: _propTypes2['default'].arrayOf(_Photo.photoPropType).isRequired,
		onClick: _propTypes2['default'].func,
		columns: _propTypes2['default'].number,
		margin: _propTypes2['default'].number,
		ImageComponent: _propTypes2['default'].func
		Gallery$1.propTypes = {
		photos: PropTypes.arrayOf(photoPropType).isRequired,
		onClick: PropTypes.func,
		columns: PropTypes.number,
		margin: PropTypes.number,
		ImageComponent: PropTypes.func
		};

		Gallery.defaultProps = {
		Gallery$1.defaultProps = {
		columns: 3,
		@@ -1299,159 +462,4 @@ margin: 2

		exports['default'] = Gallery;
		module.exports = exports['default'];
		return Gallery$1;

		}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
		},{"./Photo":12,"./utils":13,"prop-types":9}],12:[function(require,module,exports){
		(function (global){
		'use strict';

		Object.defineProperty(exports, '__esModule', {
		value: true
		});

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

		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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

		function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var _react = (typeof window !== "undefined" ? window['React'] : typeof global !== "undefined" ? global['React'] : null);

		var _react2 = _interopRequireDefault(_react);

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		var imgWithClick = { cursor: 'pointer' };

		var Photo = (function (_PureComponent) {
		_inherits(Photo, _PureComponent);

		function Photo() {
		_classCallCheck(this, Photo);

		_get(Object.getPrototypeOf(Photo.prototype), 'constructor', this).call(this);
		this.handleClick = this.handleClick.bind(this);
		}

		_createClass(Photo, [{
		key: 'handleClick',
		value: function handleClick(event) {
		var _props = this.props;
		var onClick = _props.onClick;
		var index = _props.index;
		var photo = _props.photo;

		onClick(event, { photo: photo, index: index });
		}
		}, {
		key: 'render',
		value: function render() {
		var _props2 = this.props;
		var photo = _props2.photo;
		var onClick = _props2.onClick;
		var margin = _props2.margin;

		var imgStyle = { display: 'block', float: 'left', margin: margin };
		return _react2['default'].createElement('img', _extends({
		style: onClick ? _extends({}, imgStyle, imgWithClick) : imgStyle
		}, photo, {
		onClick: onClick ? this.handleClick : null
		}));
		}
		}]);

		return Photo;
		})(_react.PureComponent);

		var photoPropType = _propTypes2['default'].shape({
		src: _propTypes2['default'].string.isRequired,
		width: _propTypes2['default'].number.isRequired,
		height: _propTypes2['default'].number.isRequired,
		alt: _propTypes2['default'].string,
		title: _propTypes2['default'].string,
		srcSet: _propTypes2['default'].array,
		sizes: _propTypes2['default'].array
		});

		exports.photoPropType = photoPropType;
		Photo.propTypes = {
		index: _propTypes2['default'].number,
		onClick: _propTypes2['default'].func,
		photo: photoPropType
		};

		exports['default'] = Photo;

		}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
		},{"prop-types":9}],13:[function(require,module,exports){
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

		exports.ratio = ratio;
		exports.computeSizes = computeSizes;

		function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; return arr2; } else { return Array.from(arr); } }

		function ratio(_ref) {
		var width = _ref.width;
		var height = _ref.height;

		return width / height;
		}

		function computeSizes(_ref2) {
		var photos = _ref2.photos;
		var columns = _ref2.columns;
		var width = _ref2.width;
		var margin = _ref2.margin;

		if (!width) {
		return [];
		}
		// divide photos over rows, max cells based on `columns`
		// effectively resulting in [[0, 1, 2], [3, 4, 5], [6, 7]]
		var rows = photos.reduce(function (acc, cell, idx) {
		var row = Math.floor(idx / columns);
		acc[row] = acc[row] ? [].concat(_toConsumableArray(acc[row]), [cell]) : [cell]; // eslint-disable-line no-param-reassign
		return acc;
		}, []);

		// calculate total ratio of each row, and adjust each cell height and width
		// accordingly.
		var lastRowIndex = rows.length - 1;
		var rowsWithSizes = rows.map(function (row, rowIndex) {
		var totalRatio = row.reduce(function (result, photo) {
		return result + ratio(photo);
		}, 0);
		var rowWidth = width - row.length * (margin * 2);
		var height = rowIndex !== lastRowIndex \|\| row.length > 1 ? // eslint-disable-line
		rowWidth / totalRatio : rowWidth / columns / totalRatio;

		return row.map(function (photo) {
		return _extends({}, photo, {
		height: height,
		width: height * ratio(photo)
		});
		});
		});

		return rowsWithSizes.reduce(function (acc, row) {
		return [].concat(_toConsumableArray(acc), _toConsumableArray(row));
		}, []);
		}

		},{}]},{},[11])(11)
		});
		})));

dist/react-photo-gallery.min.js

		@@ -1,1 +0,1 @@
		!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Gallery=e()}}(function(){return function e(t,n,r){function o(a,u){if(!n[a]){if(!t[a]){var c="function"==typeof require&&require;if(!u&&c)return c(a,!0);if(i)return i(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var f=n[a]={exports:{}};t[a][0].call(f.exports,function(e){var n=t[a][1][e];return o(n?n:e)},f,f.exports,e,t,n,r)}return n[a].exports}for(var i="function"==typeof require&&require,a=0;a<r.length;a++)o(r[a]);return o}({1:[function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},t.exports=o},{}],2:[function(e,t,n){(function(e){"use strict";function n(e,t,n,o,i,a,u,c){if(r(t),!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var f=[n,o,i,a,u,c],s=0;l=new Error(t.replace(/%s/g,function(){return f[s++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var r=function(e){};"production"!==e.env.NODE_ENV&&(r=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),t.exports=n}).call(this,e("_process"))},{_process:5}],3:[function(e,t,n){(function(n){"use strict";var r=e("./emptyFunction"),o=r;if("production"!==n.env.NODE_ENV){var i=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(i);try{throw new Error(i)}catch(a){}};o=function(e,t){if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==t.indexOf("Failed Composite propType: ")&&!e){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];i.apply(void 0,[t].concat(r))}}}t.exports=o}).call(this,e("_process"))},{"./emptyFunction":1,_process:5}],4:[function(e,t,n){"use strict";function r(e){if(null===e\|\|void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function o(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var i=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;t.exports=o()?Object.assign:function(e,t){for(var n,o,c=r(e),l=1;l<arguments.length;l++){n=Object(arguments[l]);for(var f in n)a.call(n,f)&&(c[f]=n[f]);if(i){o=i(n);for(var s=0;s<o.length;s++)u.call(n,o[s])&&(c[o[s]]=n[o[s]])}}return c}},{}],5:[function(e,t,n){function r(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function i(e){if(s===setTimeout)return setTimeout(e,0);if((s===r\|\|!s)&&setTimeout)return s=setTimeout,setTimeout(e,0);try{return s(e,0)}catch(t){try{return s.call(null,e,0)}catch(t){return s.call(this,e,0)}}}function a(e){if(p===clearTimeout)return clearTimeout(e);if((p===o\|\|!p)&&clearTimeout)return p=clearTimeout,clearTimeout(e);try{return p(e)}catch(t){try{return p.call(null,e)}catch(t){return p.call(this,e)}}}function u(){v&&y&&(v=!1,y.length?h=y.concat(h):b=-1,h.length&&c())}function c(){if(!v){var e=i(u);v=!0;for(var t=h.length;t;){for(y=h,h=[];++b<t;)y&&y[b].run();b=-1,t=h.length}y=null,v=!1,a(e)}}function l(e,t){this.fun=e,this.array=t}function f(){}var s,p,d=t.exports={};!function(){try{s="function"==typeof setTimeout?setTimeout:r}catch(e){s=r}try{p="function"==typeof clearTimeout?clearTimeout:o}catch(e){p=o}}();var y,h=[],v=!1,b=-1;d.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];h.push(new l(e,t)),1!==h.length\|\|v\|\|i(c)},l.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=f,d.addListener=f,d.once=f,d.off=f,d.removeListener=f,d.removeAllListeners=f,d.emit=f,d.prependListener=f,d.prependOnceListener=f,d.listeners=function(e){return[]},d.binding=function(e){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(e){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},{}],6:[function(e,t,n){(function(n){"use strict";function r(e,t,r,c,l){if("production"!==n.env.NODE_ENV)for(var f in e)if(e.hasOwnProperty(f)){var s;try{o("function"==typeof e[f],"%s: %s type `%s` is invalid; it must be a function, usually from the `prop-types` package, but received `%s`.",c\|\|"React class",r,f,typeof e[f]),s=e[f](t,f,c,r,null,a)}catch(p){s=p}if(i(!s\|\|s instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c\|\|"React class",r,f,typeof s),s instanceof Error&&!(s.message in u)){u[s.message]=!0;var d=l?l():"";i(!1,"Failed %s type: %s%s",r,s.message,null!=d?d:"")}}}if("production"!==n.env.NODE_ENV)var o=e("fbjs/lib/invariant"),i=e("fbjs/lib/warning"),a=e("./lib/ReactPropTypesSecret"),u={};t.exports=r}).call(this,e("_process"))},{"./lib/ReactPropTypesSecret":10,_process:5,"fbjs/lib/invariant":2,"fbjs/lib/warning":3}],7:[function(e,t,n){"use strict";var r=e("fbjs/lib/emptyFunction"),o=e("fbjs/lib/invariant"),i=e("./lib/ReactPropTypesSecret");t.exports=function(){function e(e,t,n,r,a,u){u!==i&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},{"./lib/ReactPropTypesSecret":10,"fbjs/lib/emptyFunction":1,"fbjs/lib/invariant":2}],8:[function(e,t,n){(function(n){"use strict";var r=e("fbjs/lib/emptyFunction"),o=e("fbjs/lib/invariant"),i=e("fbjs/lib/warning"),a=e("object-assign"),u=e("./lib/ReactPropTypesSecret"),c=e("./checkPropTypes");t.exports=function(e,t){function l(e){var t=e&&(S&&e[S]\|\|e[N]);if("function"==typeof t)return t}function f(e,t){return e===t?0!==e\|\|1/e===1/t:e!==e&&t!==t}function s(e){this.message=e,this.stack=""}function p(e){function r(r,l,f,p,d,y,h){if(p=p\|\|C,y=y\|\|f,h!==u)if(t)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==n.env.NODE_ENV&&"undefined"!=typeof console){var v=p+":"+f;!a[v]&&c<3&&(i(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",y,p),a[v]=!0,c++)}return null==l[f]?r?new s(null===l[f]?"The "+d+" `"+y+"` is marked as required "+("in `"+p+"`, but its value is `null`."):"The "+d+" `"+y+"` is marked as required in "+("`"+p+"`, but its value is `undefined`.")):null:e(l,f,p,d,y)}if("production"!==n.env.NODE_ENV)var a={},c=0;var l=r.bind(null,!1);return l.isRequired=r.bind(null,!0),l}function d(e){function t(t,n,r,o,i,a){var u=t[n],c=P(u);if(c!==e){var l=_(u);return new s("Invalid "+o+" `"+i+"` of type "+("`"+l+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return p(t)}function y(){return p(r.thatReturnsNull)}function h(e){function t(t,n,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var a=t[n];if(!Array.isArray(a)){var c=P(a);return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var l=0;l<a.length;l++){var f=e(a,l,r,o,i+"["+l+"]",u);if(f instanceof Error)return f}return null}return p(t)}function v(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var u=P(a);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return p(t)}function b(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name\|\|C,u=R(t[n]);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return p(t)}function m(e){function t(t,n,r,o,i){for(var a=t[n],u=0;u<e.length;u++)if(f(a,e[u]))return null;var c=JSON.stringify(e);return new s("Invalid "+o+" `"+i+"` of value `"+a+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?p(t):("production"!==n.env.NODE_ENV?i(!1,"Invalid argument supplied to oneOf, expected an instance of array."):void 0,r.thatReturnsNull)}function g(e){function t(t,n,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var a=t[n],c=P(a);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an object."));for(var l in a)if(a.hasOwnProperty(l)){var f=e(a,l,r,o,i+"."+l,u);if(f instanceof Error)return f}return null}return p(t)}function w(e){function t(t,n,r,o,i){for(var a=0;a<e.length;a++){var c=e[a];if(null==c(t,n,r,o,i,u))return null}return new s("Invalid "+o+" `"+i+"` supplied to "+("`"+r+"`."))}if(!Array.isArray(e))return"production"!==n.env.NODE_ENV?i(!1,"Invalid argument supplied to oneOfType, expected an instance of array."):void 0,r.thatReturnsNull;for(var o=0;o<e.length;o++){var a=e[o];if("function"!=typeof a)return i(!1,"Invalid argument supplied to oneOfType. Expected an array of check functions, but received %s at index %s.",x(a),o),r.thatReturnsNull}return p(t)}function O(){function e(e,t,n,r,o){return k(e[t])?null:new s("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return p(e)}function j(e){function t(t,n,r,o,i){var a=t[n],c=P(a);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var l in e){var f=e[l];if(f){var p=f(a,l,r,o,i+"."+l,u);if(p)return p}}return null}return p(t)}function T(e){function t(t,n,r,o,i){var c=t[n],l=P(c);if("object"!==l)return new s("Invalid "+o+" `"+i+"` of type `"+l+"` "+("supplied to `"+r+"`, expected `object`."));var f=a({},t[n],e);for(var p in f){var d=e[p];if(!d)return new s("Invalid "+o+" `"+i+"` key `"+p+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var y=d(c,p,r,o,i+"."+p,u);if(y)return y}return null}return p(t)}function k(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(k);if(null===t\|\|e(t))return!0;var n=l(t);if(!n)return!1;var r,o=n.call(t);if(n!==t.entries){for(;!(r=o.next()).done;)if(!k(r.value))return!1}else for(;!(r=o.next()).done;){var i=r.value;if(i&&!k(i[1]))return!1}return!0;default:return!1}}function E(e,t){return"symbol"===e\|\|("Symbol"===t["@@toStringTag"]\|\|"function"==typeof Symbol&&t instanceof Symbol)}function P(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":E(t,e)?"symbol":t}function _(e){if("undefined"==typeof e\|\|null===e)return""+e;var t=P(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function x(e){var t=_(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function R(e){return e.constructor&&e.constructor.name?e.constructor.name:C}var S="function"==typeof Symbol&&Symbol.iterator,N="@@iterator",C="<<anonymous>>",I={array:d("array"),bool:d("boolean"),func:d("function"),number:d("number"),object:d("object"),string:d("string"),symbol:d("symbol"),any:y(),arrayOf:h,element:v(),instanceOf:b,node:O(),objectOf:g,oneOf:m,oneOfType:w,shape:j,exact:T};return s.prototype=Error.prototype,I.checkPropTypes=c,I.PropTypes=I,I}}).call(this,e("_process"))},{"./checkPropTypes":6,"./lib/ReactPropTypesSecret":10,_process:5,"fbjs/lib/emptyFunction":1,"fbjs/lib/invariant":2,"fbjs/lib/warning":3,"object-assign":4}],9:[function(e,t,n){(function(n){if("production"!==n.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")\|\|60103,o=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},i=!0;t.exports=e("./factoryWithTypeCheckers")(o,i)}else t.exports=e("./factoryWithThrowingShims")()}).call(this,e("_process"))},{"./factoryWithThrowingShims":7,"./factoryWithTypeCheckers":8,_process:5}],10:[function(e,t,n){"use strict";var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";t.exports=r},{}],11:[function(e,t,n){(function(r){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=function(e,t,n){for(var r=!0;r;){var o=e,i=t,a=n;r=!1,null===o&&(o=Function.prototype);var u=Object.getOwnPropertyDescriptor(o,i);if(void 0!==u){if("value"in u)return u.value;var c=u.get;if(void 0===c)return;return c.call(a)}var l=Object.getPrototypeOf(o);if(null===l)return;e=l,t=i,n=a,r=!0,u=l=void 0}},l="undefined"!=typeof window?window.React:"undefined"!=typeof r?r.React:null,f=o(l),s=e("prop-types"),p=o(s),d=e("./Photo"),y=o(d),h=e("./utils"),v=function(e){function t(){i(this,t),c(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.state={containerWidth:0},this.handleResize=this.handleResize.bind(this),this.handleClick=this.handleClick.bind(this)}return a(t,e),u(t,[{key:"componentDidMount",value:function(){this.setState({containerWidth:Math.floor(this._gallery.clientWidth)}),window.addEventListener("resize",this.handleResize)}},{key:"componentDidUpdate",value:function(){this._gallery.clientWidth!==this.state.containerWidth&&this.setState({containerWidth:Math.floor(this._gallery.clientWidth)})}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.handleResize,!1)}},{key:"handleResize",value:function(e){this.setState({containerWidth:Math.floor(this._gallery.clientWidth)})}},{key:"handleClick",value:function(e,t){var n=t.index,r=this.props,o=r.photos,i=r.onClick;i(e,{index:n,photo:o[n],previous:o[n-1]\|\|null,next:o[n+1]\|\|null})}},{key:"render",value:function(){var e=this,t=this.props.ImageComponent,n=void 0===t?y["default"]:t,r=this.state.containerWidth-1,o=this.props,i=o.photos,a=o.columns,u=o.margin,c=o.onClick,l=(0,h.computeSizes)({width:r,columns:a,margin:u,photos:i});return f["default"].createElement("div",{className:"react-photo-gallery--gallery"},f["default"].createElement("div",{ref:function(t){return e._gallery=t}},l.map(function(t,r){t.width,t.height;return f["default"].createElement(n,{key:t.key\|\|t.src,margin:u,index:r,photo:t,onClick:c?e.handleClick:null})})),f["default"].createElement("div",{style:{content:"",display:"table",clear:"both"}}))}}]),t}(l.PureComponent);v.propTypes={photos:p["default"].arrayOf(d.photoPropType).isRequired,onClick:p["default"].func,columns:p["default"].number,margin:p["default"].number,ImageComponent:p["default"].func},v.defaultProps={columns:3,margin:2},n["default"]=v,t.exports=n["default"]}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Photo":12,"./utils":13,"prop-types":9}],12:[function(e,t,n){(function(t){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=function(e,t,n){for(var r=!0;r;){var o=e,i=t,a=n;r=!1,null===o&&(o=Function.prototype);var u=Object.getOwnPropertyDescriptor(o,i);if(void 0!==u){if("value"in u)return u.value;var c=u.get;if(void 0===c)return;return c.call(a)}var l=Object.getPrototypeOf(o);if(null===l)return;e=l,t=i,n=a,r=!0,u=l=void 0}},l="undefined"!=typeof window?window.React:"undefined"!=typeof t?t.React:null,f=r(l),s=e("prop-types"),p=r(s),d={cursor:"pointer"},y=function(e){function t(){o(this,t),c(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.handleClick=this.handleClick.bind(this)}return i(t,e),u(t,[{key:"handleClick",value:function(e){var t=this.props,n=t.onClick,r=t.index,o=t.photo;n(e,{photo:o,index:r})}},{key:"render",value:function(){var e=this.props,t=e.photo,n=e.onClick,r=e.margin,o={display:"block","float":"left",margin:r};return f["default"].createElement("img",a({style:n?a({},o,d):o},t,{onClick:n?this.handleClick:null}))}}]),t}(l.PureComponent),h=p["default"].shape({src:p["default"].string.isRequired,width:p["default"].number.isRequired,height:p["default"].number.isRequired,alt:p["default"].string,title:p["default"].string,srcSet:p["default"].array,sizes:p["default"].array});n.photoPropType=h,y.propTypes={index:p["default"].number,onClick:p["default"].func,photo:h},n["default"]=y}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"prop-types":9}],13:[function(e,t,n){"use strict";function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function o(e){var t=e.width,n=e.height;return t/n}function i(e){var t=e.photos,n=e.columns,i=e.width,u=e.margin;if(!i)return[];var c=t.reduce(function(e,t,o){var i=Math.floor(o/n);return e[i]=e[i]?[].concat(r(e[i]),[t]):[t],e},[]),l=c.length-1,f=c.map(function(e,t){var r=e.reduce(function(e,t){return e+o(t)},0),c=i-e.length(2u),f=t!==l\|\|e.length>1?c/r:c/n/r;return e.map(function(e){return a({},e,{height:f,width:f*o(e)})})});return f.reduce(function(e,t){return[].concat(r(e),r(t))},[])}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};n.ratio=o,n.computeSizes=i},{}]},{},[11])(11)});
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):e.Gallery=t(e.React,e.PropTypes)}(this,function(e,t){"use strict";function n(e,t){return Number(Math.round(e+"e"+t)+"e-"+t)}function r(e){return e.width/e.height}function o(e){var t=e.photos,o=e.columns,i=e.width,a=e.margin;if(!i)return[];var u=t.reduce(function(e,t,n){var r=Math.floor(n/o);return e[r]=e[r]?[].concat(h(e[r]),[t]):[t],e},[]),c=u.length-1;return u.map(function(e,t){var u=e.reduce(function(e,t){return e+r(t)},0),s=i-e.length(2a),h=t!==c\|\|e.length>1?s/u:s/o/u;return e.map(function(e){return l({},e,{height:n(h,1),width:n(h*r(e),1)})})}).reduce(function(e,t){return[].concat(h(e),h(t))},[])}var i="default"in e?e.default:e;t=t&&t.hasOwnProperty("default")?t.default:t;!function(){function e(e){this.value=e}function t(t){function n(o,i){try{var a=t[o](i),u=a.value;u instanceof e?Promise.resolve(u.value).then(function(e){n("next",e)},function(e){n("throw",e)}):r(a.done?"return":"normal",a.value)}catch(e){r("throw",e)}}function r(e,t){switch(e){case"return":o.resolve({value:t,done:!0});break;case"throw":o.reject(t);break;default:o.resolve({value:t,done:!1})}(o=o.next)?n(o.key,o.arg):i=null}var o,i;this._invoke=function(e,t){return new Promise(function(r,a){var u={key:e,arg:t,resolve:r,reject:a,next:null};i?i=i.next=u:(o=i=u,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}();var a=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},s=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t},h=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},f={cursor:"pointer"},p=function(e){function t(){a(this,t);var e=s(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this));return e.handleClick=e.handleClick.bind(e),e}return c(t,e),u(t,[{key:"handleClick",value:function(e){var t=this.props,n=t.onClick,r=t.index;n(e,{photo:t.photo,index:r})}},{key:"render",value:function(){var e=this.props,t=e.photo,n=e.onClick,r={display:"block",float:"left",margin:e.margin};return i.createElement("img",l({style:n?l({},r,f):r},t,{onClick:n?this.handleClick:null}))}}]),t}(e.PureComponent),d=(t.shape({src:t.string.isRequired,width:t.number.isRequired,height:t.number.isRequired,alt:t.string,title:t.string,srcSet:t.array,sizes:t.array}),function(e){function t(){a(this,t);var e=s(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this));return e.state={containerWidth:0},e.handleResize=e.handleResize.bind(e),e.handleClick=e.handleClick.bind(e),e}return c(t,e),u(t,[{key:"componentDidMount",value:function(){this.setState({containerWidth:Math.floor(this._gallery.clientWidth)}),window.addEventListener("resize",this.handleResize)}},{key:"componentDidUpdate",value:function(){this._gallery.clientWidth!==this.state.containerWidth&&this.setState({containerWidth:Math.floor(this._gallery.clientWidth)})}},{key:"shouldComponentUpdate",value:function(){return!0}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.handleResize,!1)}},{key:"handleResize",value:function(e){this.setState({containerWidth:Math.floor(this._gallery.clientWidth)})}},{key:"handleClick",value:function(e,t){var n=t.index,r=this.props,o=r.photos;(0,r.onClick)(e,{index:n,photo:o[n],previous:o[n-1]\|\|null,next:o[n+1]\|\|null})}},{key:"render",value:function(){var e=this,t=this.props.ImageComponent,n=void 0===t?p:t,r=this.state.containerWidth-1,a=this.props,u=a.photos,l=a.columns,c=a.margin,s=a.onClick,h=o({width:r,columns:l,margin:c,photos:u});return i.createElement("div",{className:"react-photo-gallery--gallery"},i.createElement("div",{ref:function(t){return e._gallery=t}},h.map(function(t,r){return i.createElement(n,{key:t.key\|\|t.src,margin:c,index:r,photo:t,onClick:s?e.handleClick:null})})),i.createElement("div",{style:{content:"",display:"table",clear:"both"}}))}}]),t}(i.Component));return d.defaultProps={columns:3,margin:2},d});

lib/Gallery.js

		'use strict';

		Object.defineProperty(exports, '__esModule', {
		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 _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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

		function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var _react = require('react');
		@@ -31,14 +23,24 @@

		var Gallery = (function (_PureComponent) {
		_inherits(Gallery, _PureComponent);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var Gallery = function (_React$Component) {
		_inherits(Gallery, _React$Component);

		function Gallery() {
		_classCallCheck(this, Gallery);

		_get(Object.getPrototypeOf(Gallery.prototype), 'constructor', this).call(this);
		this.state = {
		var _this = _possibleConstructorReturn(this, (Gallery.__proto__ \|\| Object.getPrototypeOf(Gallery)).call(this));

		_this.state = {
		containerWidth: 0
		};
		this.handleResize = this.handleResize.bind(this);
		this.handleClick = this.handleClick.bind(this);
		_this.handleResize = _this.handleResize.bind(_this);
		_this.handleClick = _this.handleClick.bind(_this);
		return _this;
		}
		@@ -60,2 +62,7 @@
		}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate() {
		return true;
		}
		}, {
		key: 'componentWillUnmount',
		@@ -74,5 +81,5 @@ value: function componentWillUnmount() {
		var index = _ref.index;
		var _props = this.props;
		var photos = _props.photos;
		var onClick = _props.onClick;
		var _props = this.props,
		photos = _props.photos,
		onClick = _props.onClick;

		@@ -89,29 +96,29 @@ onClick(event, {
		value: function render() {
		var _this = this;
		var _this2 = this;

		var _props$ImageComponent = this.props.ImageComponent;
		var ImageComponent = _props$ImageComponent === undefined ? _Photo2['default'] : _props$ImageComponent;
		var _props$ImageComponent = this.props.ImageComponent,
		ImageComponent = _props$ImageComponent === undefined ? _Photo2.default : _props$ImageComponent;
		// subtract 1 pixel because the browser may round up a pixel

		// subtract 1 pixel because the browser may round up a pixel
		var width = this.state.containerWidth - 1;
		var _props2 = this.props;
		var photos = _props2.photos;
		var columns = _props2.columns;
		var margin = _props2.margin;
		var onClick = _props2.onClick;
		var _props2 = this.props,
		photos = _props2.photos,
		columns = _props2.columns,
		margin = _props2.margin,
		onClick = _props2.onClick;

		var thumbs = (0, _utils.computeSizes)({ width: width, columns: columns, margin: margin, photos: photos });
		return _react2['default'].createElement(
		return _react2.default.createElement(
		'div',
		{ className: 'react-photo-gallery--gallery' },
		_react2['default'].createElement(
		_react2.default.createElement(
		'div',
		{ ref: function (c) {
		return _this._gallery = c;
		{ ref: function ref(c) {
		return _this2._gallery = c;
		} },
		thumbs.map(function (photo, index) {
		var width = photo.width;
		var height = photo.height;
		var width = photo.width,
		height = photo.height;

		return _react2['default'].createElement(ImageComponent, {
		return _react2.default.createElement(ImageComponent, {
		key: photo.key \|\| photo.src,
		@@ -121,7 +128,7 @@ margin: margin,
		photo: photo,
		onClick: onClick ? _this.handleClick : null
		onClick: onClick ? _this2.handleClick : null
		});
		})
		),
		_react2['default'].createElement('div', { style: { content: '', display: 'table', clear: 'both' } })
		_react2.default.createElement('div', { style: { content: '', display: 'table', clear: 'both' } })
		);
		@@ -132,10 +139,10 @@ }
		return Gallery;
		})(_react.PureComponent);
		}(_react2.default.Component);

		Gallery.propTypes = {
		photos: _propTypes2['default'].arrayOf(_Photo.photoPropType).isRequired,
		onClick: _propTypes2['default'].func,
		columns: _propTypes2['default'].number,
		margin: _propTypes2['default'].number,
		ImageComponent: _propTypes2['default'].func
		photos: _propTypes2.default.arrayOf(_Photo.photoPropType).isRequired,
		onClick: _propTypes2.default.func,
		columns: _propTypes2.default.number,
		margin: _propTypes2.default.number,
		ImageComponent: _propTypes2.default.func
		};
		@@ -148,3 +155,2 @@

		exports['default'] = Gallery;
		module.exports = exports['default'];
		exports.default = Gallery;

lib/Photo.js

		'use strict';

		Object.defineProperty(exports, '__esModule', {
		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.photoPropType = undefined;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

		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 _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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

		function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var _react = require('react');
		@@ -27,5 +20,13 @@

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

		var imgWithClick = { cursor: 'pointer' };

		var Photo = (function (_PureComponent) {
		var Photo = function (_PureComponent) {
		_inherits(Photo, _PureComponent);
		@@ -36,4 +37,6 @@

		_get(Object.getPrototypeOf(Photo.prototype), 'constructor', this).call(this);
		this.handleClick = this.handleClick.bind(this);
		var _this = _possibleConstructorReturn(this, (Photo.__proto__ \|\| Object.getPrototypeOf(Photo)).call(this));

		_this.handleClick = _this.handleClick.bind(_this);
		return _this;
		}
		@@ -44,6 +47,6 @@
		value: function handleClick(event) {
		var _props = this.props;
		var onClick = _props.onClick;
		var index = _props.index;
		var photo = _props.photo;
		var _props = this.props,
		onClick = _props.onClick,
		index = _props.index,
		photo = _props.photo;

		@@ -55,9 +58,9 @@ onClick(event, { photo: photo, index: index });
		value: function render() {
		var _props2 = this.props;
		var photo = _props2.photo;
		var onClick = _props2.onClick;
		var margin = _props2.margin;
		var _props2 = this.props,
		photo = _props2.photo,
		onClick = _props2.onClick,
		margin = _props2.margin;

		var imgStyle = { display: 'block', float: 'left', margin: margin };
		return _react2['default'].createElement('img', _extends({
		return _react2.default.createElement('img', _extends({
		style: onClick ? _extends({}, imgStyle, imgWithClick) : imgStyle
		@@ -71,21 +74,20 @@ }, photo, {
		return Photo;
		})(_react.PureComponent);
		}(_react.PureComponent);

		var photoPropType = _propTypes2['default'].shape({
		src: _propTypes2['default'].string.isRequired,
		width: _propTypes2['default'].number.isRequired,
		height: _propTypes2['default'].number.isRequired,
		alt: _propTypes2['default'].string,
		title: _propTypes2['default'].string,
		srcSet: _propTypes2['default'].array,
		sizes: _propTypes2['default'].array
		var photoPropType = exports.photoPropType = _propTypes2.default.shape({
		src: _propTypes2.default.string.isRequired,
		width: _propTypes2.default.number.isRequired,
		height: _propTypes2.default.number.isRequired,
		alt: _propTypes2.default.string,
		title: _propTypes2.default.string,
		srcSet: _propTypes2.default.array,
		sizes: _propTypes2.default.array
		});

		exports.photoPropType = photoPropType;
		Photo.propTypes = {
		index: _propTypes2['default'].number,
		onClick: _propTypes2['default'].func,
		index: _propTypes2.default.number,
		onClick: _propTypes2.default.func,
		photo: photoPropType
		};

		exports['default'] = Photo;
		exports.default = Photo;

lib/utils.js

		@@ -1,2 +0,2 @@
		"use strict";
		'use strict';

		@@ -12,7 +12,10 @@ Object.defineProperty(exports, "__esModule", {

		function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; return arr2; } else { return Array.from(arr); } }
		function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

		function round(value, decimals) {
		return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
		}
		function ratio(_ref) {
		var width = _ref.width;
		var height = _ref.height;
		var width = _ref.width,
		height = _ref.height;

		@@ -23,6 +26,6 @@ return width / height;
		function computeSizes(_ref2) {
		var photos = _ref2.photos;
		var columns = _ref2.columns;
		var width = _ref2.width;
		var margin = _ref2.margin;
		var photos = _ref2.photos,
		columns = _ref2.columns,
		width = _ref2.width,
		margin = _ref2.margin;

		@@ -53,8 +56,7 @@ if (!width) {
		return _extends({}, photo, {
		height: height,
		width: height * ratio(photo)
		height: round(height, 1),
		width: round(height * ratio(photo), 1)
		});
		});
		});

		return rowsWithSizes.reduce(function (acc, row) {
		@@ -61,0 +63,0 @@ return [].concat(_toConsumableArray(acc), _toConsumableArray(row));

package.json

		{
		"name": "react-photo-gallery",
		"version": "6.0.10",
		"version": "6.0.11",
		"description": "Responsive React Photo Gallery Component",
		"main": "lib/Gallery.js",
		"author": "Sandy Gonzales",
		"main": "lib/index.js",
		"jsnext:main": "dist/react-photo-gallery.es.js",
		"author": "Sandra Gonzales",
		"license": "MIT",
		@@ -20,3 +21,10 @@ "homepage": "https://github.com/neptunian/react-photo-gallery",
		"devDependencies": {
		"babel": "^6.23.0",
		"babel-cli": "^6.26.0",
		"babel-core": "^6.26.0",
		"babel-loader": "^7.1.2",
		"babel-plugin-external-helpers": "^6.22.0",
		"babel-plugin-transform-react-remove-prop-types": "^0.4.10",
		"babel-preset-es2015": "^6.24.1",
		"babel-preset-react": "^6.24.1",
		"babel-preset-stage-0": "^6.24.1",
		"cross-env": "^5.0.5",
		@@ -27,10 +35,19 @@ "eslint": "^4.5.0",
		"eslint-plugin-react": "^7.3.0",
		"gulp": "^3.9.0",
		"html-loader": "^0.5.1",
		"html-webpack-plugin": "^2.30.1",
		"jsonp": "^0.2.1",
		"nps": "^5.7.1",
		"nps-utils": "^1.4.0",
		"prettier": "^1.6.1",
		"react": "^16.0.0",
		"react-dom": "^16.0.0",
		"react-component-gulp-tasks": "^0.7.7",
		"react-images": "~0.5.6",
		"react-measure": "^2.0.2"
		"react-measure": "^2.0.2",
		"rollup": "^0.50.0",
		"rollup-plugin-babel": "^3.0.2",
		"rollup-plugin-node-resolve": "^3.0.0",
		"rollup-plugin-uglify": "^2.0.1",
		"uglify-es": "^3.1.3",
		"webpack": "^3.7.1",
		"webpack-dev-server": "^2.9.1"
		},
		@@ -41,16 +58,7 @@ "peerDependencies": {
		},
		"browserify-shim": {
		"react": "global:React"
		},
		"scripts": {
		"build": "gulp clean && cross-env NODE_ENV=production gulp build",
		"bump": "gulp bump",
		"bump:major": "gulp bump:major",
		"bump:minor": "gulp bump:minor",
		"examples": "gulp dev:server",
		"build": "nps build",
		"publish:examples": "NODE_ENV=production nps publish",
		"start": "webpack-dev-server --progress",
		"lint": "eslint -c ./.eslintrc.js ./src",
		"publish:examples": "gulp publish:examples",
		"release": "gulp release",
		"start": "gulp dev",
		"watch": "gulp watch:lib",
		"eslint-check": "eslint --print-config .eslintrc.js \| eslint-config-prettier-check"
		@@ -57,0 +65,0 @@ },

src/Gallery.js

		@@ -1,2 +0,2 @@
		import React, { PureComponent } from 'react';
		import React from 'react';
		import PropTypes from 'prop-types';
		@@ -3,0 +3,0 @@

.publish/app.js

.publish/bundle.js

.publish/common.js

.publish/example.css

.publish/favicon.ico

.publish/index.html

.publish/standalone.js

examples/dist/bundle.js

examples/dist/standalone.js

examples/src/.app.js.swn

examples/src/.app.js.swo

examples/src/example.less

gulpfile.js

src/.Gallery.js.swn

examples/dist/example.css

Sorry, the diff of this file is not supported yet

examples/src/index.html

Sorry, the diff of this file is not supported yet

yarn.lock

Sorry, the diff of this file is not supported yet

react-photo-gallery - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics