From 8f651ab5c1b5e48c3124e6496c5f96d0213d2fcf Mon Sep 17 00:00:00 2001 From: ben Date: Sun, 11 Sep 2016 10:00:17 +1000 Subject: [PATCH] v0.2.2 --- CHANGELOG.md | 4 ++++ lib/Gallery.js | 2 +- lib/react-grid-gallery.bundle.min.js | 2 +- package.json | 2 +- 4 files changed, 7 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6b49561..d4dee93 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # react-grid-gallery +### v0.2.2 / 2016-09-11 + +* Fixes [bug](https://github.com/benhowell/react-grid-gallery/issues/8) on small edge case whereby duplicate images causes an error (two children cannot have the same key) and subsequently only the first of any repeated image src can be rendered. + ### v0.2.1 / 2016-09-11 * Fixes [Bug](https://github.com/benhowell/react-grid-gallery/pull/7) where updating an image caused wrong aspect due to thumb not resizing. Bug caused by using array index as react key rather than something unique to the image. Thanks to [cust0dian](https://github.com/cust0dian) for the [pull request](https://github.com/benhowell/react-grid-gallery/pull/7) which fixes this issue by assigning src attribute as key. diff --git a/lib/Gallery.js b/lib/Gallery.js index 9e402f1..49d6493 100644 --- a/lib/Gallery.js +++ b/lib/Gallery.js @@ -233,7 +233,7 @@ var Gallery = function (_Component) { var images = this.state.thumbnails.map(function (item, idx) { return _react2.default.createElement(_Image2.default, { - key: item.src, + key: "Image-" + idx + "-" + item.src, item: item, index: idx, margin: _this2.props.margin, diff --git a/lib/react-grid-gallery.bundle.min.js b/lib/react-grid-gallery.bundle.min.js index 19c30eb..9590cb5 100644 --- a/lib/react-grid-gallery.bundle.min.js +++ b/lib/react-grid-gallery.bundle.min.js @@ -5,4 +5,4 @@ o.prototype.destructor=function(){this.func=null,this.context=null,this.count=0} 111:[function(e,t,n){"use strict";var r={hasCachedChildNodes:1};t.exports=r},{}],112:[function(e,t,n){"use strict";function r(e){for(var t;t=e._renderedComponent;)e=t;return e}function o(e,t){var n=r(e);n._hostNode=t,t[v]=n}function i(e){var t=e._hostNode;t&&(delete t[v],e._hostNode=null)}function a(e,t){if(!(e._flags&h.hasCachedChildNodes)){var n=e._renderedChildren,i=t.firstChild;e:for(var a in n)if(n.hasOwnProperty(a)){var s=n[a],u=r(s)._domID;if(0!==u){for(;null!==i;i=i.nextSibling)if(1===i.nodeType&&i.getAttribute(f)===String(u)||8===i.nodeType&&i.nodeValue===" react-text: "+u+" "||8===i.nodeType&&i.nodeValue===" react-empty: "+u+" "){o(s,i);continue e}c("32",u)}}e._flags|=h.hasCachedChildNodes}}function s(e){if(e[v])return e[v];for(var t=[];!e[v];){if(t.push(e),!e.parentNode)return null;e=e.parentNode}for(var n,r;e&&(r=e[v]);e=t.pop())n=r,t.length&&a(r,e);return n}function u(e){var t=s(e);return null!=t&&t._hostNode===e?t:null}function l(e){if(void 0===e._hostNode?c("33"):void 0,e._hostNode)return e._hostNode;for(var t=[];!e._hostNode;)t.push(e),e._hostParent?void 0:c("34"),e=e._hostParent;for(;t.length;e=t.pop())a(e,e._hostNode);return e._hostNode}var c=e("./reactProdInvariant"),p=e("./DOMProperty"),d=e("./ReactDOMComponentFlags"),f=(e("fbjs/lib/invariant"),p.ID_ATTRIBUTE_NAME),h=d,v="__reactInternalInstance$"+Math.random().toString(36).slice(2),m={getClosestInstanceFromNode:s,getInstanceFromNode:u,getNodeFromInstance:l,precacheChildNodes:a,precacheNode:o,uncacheNode:i};t.exports=m},{"./DOMProperty":78,"./ReactDOMComponentFlags":111,"./reactProdInvariant":209,"fbjs/lib/invariant":18}],113:[function(e,t,n){"use strict";function r(e,t){var n={_topLevelWrapper:e,_idCounter:1,_ownerDocument:t?t.nodeType===o?t:t.ownerDocument:null,_node:t,_tag:t?t.nodeName.toLowerCase():null,_namespaceURI:t?t.namespaceURI:null};return n}var o=(e("./validateDOMNesting"),9);t.exports=r},{"./validateDOMNesting":215}],114:[function(e,t,n){"use strict";var r=e("object-assign"),o=e("./DOMLazyTree"),i=e("./ReactDOMComponentTree"),a=function(e){this._currentElement=null,this._hostNode=null,this._hostParent=null,this._hostContainerInfo=null,this._domID=0};r(a.prototype,{mountComponent:function(e,t,n,r){var a=n._idCounter++;this._domID=a,this._hostParent=t,this._hostContainerInfo=n;var s=" react-empty: "+this._domID+" ";if(e.useCreateElement){var u=n._ownerDocument,l=u.createComment(s);return i.precacheNode(this,l),o(l)}return e.renderToStaticMarkup?"":""},receiveComponent:function(){},getHostNode:function(){return i.getNodeFromInstance(this)},unmountComponent:function(){i.uncacheNode(this)}}),t.exports=a},{"./DOMLazyTree":76,"./ReactDOMComponentTree":112,"object-assign":28}],115:[function(e,t,n){"use strict";var r=e("./ReactElement"),o=r.createFactory,i={a:o("a"),abbr:o("abbr"),address:o("address"),area:o("area"),article:o("article"),aside:o("aside"),audio:o("audio"),b:o("b"),base:o("base"),bdi:o("bdi"),bdo:o("bdo"),big:o("big"),blockquote:o("blockquote"),body:o("body"),br:o("br"),button:o("button"),canvas:o("canvas"),caption:o("caption"),cite:o("cite"),code:o("code"),col:o("col"),colgroup:o("colgroup"),data:o("data"),datalist:o("datalist"),dd:o("dd"),del:o("del"),details:o("details"),dfn:o("dfn"),dialog:o("dialog"),div:o("div"),dl:o("dl"),dt:o("dt"),em:o("em"),embed:o("embed"),fieldset:o("fieldset"),figcaption:o("figcaption"),figure:o("figure"),footer:o("footer"),form:o("form"),h1:o("h1"),h2:o("h2"),h3:o("h3"),h4:o("h4"),h5:o("h5"),h6:o("h6"),head:o("head"),header:o("header"),hgroup:o("hgroup"),hr:o("hr"),html:o("html"),i:o("i"),iframe:o("iframe"),img:o("img"),input:o("input"),ins:o("ins"),kbd:o("kbd"),keygen:o("keygen"),label:o("label"),legend:o("legend"),li:o("li"),link:o("link"),main:o("main"),map:o("map"),mark:o("mark"),menu:o("menu"),menuitem:o("menuitem"),meta:o("meta"),meter:o("meter"),nav:o("nav"),noscript:o("noscript"),object:o("object"),ol:o("ol"),optgroup:o("optgroup"),option:o("option"),output:o("output"),p:o("p"),param:o("param"),picture:o("picture"),pre:o("pre"),progress:o("progress"),q:o("q"),rp:o("rp"),rt:o("rt"),ruby:o("ruby"),s:o("s"),samp:o("samp"),script:o("script"),section:o("section"),select:o("select"),small:o("small"),source:o("source"),span:o("span"),strong:o("strong"),style:o("style"),sub:o("sub"),summary:o("summary"),sup:o("sup"),table:o("table"),tbody:o("tbody"),td:o("td"),textarea:o("textarea"),tfoot:o("tfoot"),th:o("th"),thead:o("thead"),time:o("time"),title:o("title"),tr:o("tr"),track:o("track"),u:o("u"),ul:o("ul"),var:o("var"),video:o("video"),wbr:o("wbr"),circle:o("circle"),clipPath:o("clipPath"),defs:o("defs"),ellipse:o("ellipse"),g:o("g"),image:o("image"),line:o("line"),linearGradient:o("linearGradient"),mask:o("mask"),path:o("path"),pattern:o("pattern"),polygon:o("polygon"),polyline:o("polyline"),radialGradient:o("radialGradient"),rect:o("rect"),stop:o("stop"),svg:o("svg"),text:o("text"),tspan:o("tspan")};t.exports=i},{"./ReactElement":130,"./ReactElementValidator":131}],116:[function(e,t,n){"use strict";var r={useCreateElement:!0};t.exports=r},{}],117:[function(e,t,n){"use strict";var r=e("./DOMChildrenOperations"),o=e("./ReactDOMComponentTree"),i={dangerouslyProcessChildrenUpdates:function(e,t){var n=o.getNodeFromInstance(e);r.processUpdates(n,t)}};t.exports=i},{"./DOMChildrenOperations":75,"./ReactDOMComponentTree":112}],118:[function(e,t,n){"use strict";function r(){this._rootNodeID&&d.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=l.executeOnChange(t,e);p.asap(r,this);var o=t.name;if("radio"===t.type&&null!=o){for(var a=c.getNodeFromInstance(this),s=a;s.parentNode;)s=s.parentNode;for(var u=s.querySelectorAll("input[name="+JSON.stringify(""+o)+'][type="radio"]'),d=0;dt.end?(n=t.end,r=t.start):(n=t.start,r=t.end),o.moveToElementText(e),o.moveStart("character",n),o.setEndPoint("EndToStart",o),o.moveEnd("character",r-n),o.select()}function s(e,t){if(window.getSelection){var n=window.getSelection(),r=e[c()].length,o=Math.min(t.start,r),i=void 0===t.end?o:Math.min(t.end,r);if(!n.extend&&o>i){var a=i;i=o,o=a}var s=l(e,o),u=l(e,i);if(s&&u){var p=document.createRange();p.setStart(s.node,s.offset),n.removeAllRanges(),o>i?(n.addRange(p),n.extend(u.node,u.offset)):(p.setEnd(u.node,u.offset),n.addRange(p))}}}var u=e("fbjs/lib/ExecutionEnvironment"),l=e("./getNodeForCharacterOffset"),c=e("./getTextContentAccessor"),p=u.canUseDOM&&"selection"in document&&!("getSelection"in window),d={getOffsets:p?o:i,setOffsets:p?a:s};t.exports=d},{"./getNodeForCharacterOffset":201,"./getTextContentAccessor":202,"fbjs/lib/ExecutionEnvironment":4}],123:[function(e,t,n){"use strict";var r=e("./reactProdInvariant"),o=e("object-assign"),i=e("./DOMChildrenOperations"),a=e("./DOMLazyTree"),s=e("./ReactDOMComponentTree"),u=e("./escapeTextContentForBrowser"),l=(e("fbjs/lib/invariant"),e("./validateDOMNesting"),function(e){this._currentElement=e,this._stringText=""+e,this._hostNode=null,this._hostParent=null,this._domID=0,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});o(l.prototype,{mountComponent:function(e,t,n,r){var o=n._idCounter++,i=" react-text: "+o+" ",l=" /react-text ";if(this._domID=o,this._hostParent=t,e.useCreateElement){var c=n._ownerDocument,p=c.createComment(i),d=c.createComment(l),f=a(c.createDocumentFragment());return a.queueChild(f,a(p)),this._stringText&&a.queueChild(f,a(c.createTextNode(this._stringText))),a.queueChild(f,a(d)),s.precacheNode(this,p),this._closingComment=d,f}var h=u(this._stringText);return e.renderToStaticMarkup?h:""+h+""},receiveComponent:function(e,t){if(e!==this._currentElement){this._currentElement=e;var n=""+e;if(n!==this._stringText){this._stringText=n;var r=this.getHostNode();i.replaceDelimitedText(r[0],r[1],n)}}},getHostNode:function(){var e=this._commentNodes;if(e)return e;if(!this._closingComment)for(var t=s.getNodeFromInstance(this),n=t.nextSibling;;){if(null==n?r("67",this._domID):void 0,8===n.nodeType&&" /react-text "===n.nodeValue){this._closingComment=n;break}n=n.nextSibling}return e=[this._hostNode,this._closingComment],this._commentNodes=e,e},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,s.uncacheNode(this)}}),t.exports=l},{"./DOMChildrenOperations":75,"./DOMLazyTree":76,"./ReactDOMComponentTree":112,"./escapeTextContentForBrowser":191,"./reactProdInvariant":209,"./validateDOMNesting":215,"fbjs/lib/invariant":18,"object-assign":28}],124:[function(e,t,n){"use strict";function r(){this._rootNodeID&&p.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=u.executeOnChange(t,e);return c.asap(r,this),n}var i=e("./reactProdInvariant"),a=e("object-assign"),s=e("./DisabledInputUtils"),u=e("./LinkedValueUtils"),l=e("./ReactDOMComponentTree"),c=e("./ReactUpdates"),p=(e("fbjs/lib/invariant"),e("fbjs/lib/warning"),{getHostProps:function(e,t){null!=t.dangerouslySetInnerHTML?i("91"):void 0;var n=a({},s.getHostProps(e,t),{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue,onChange:e._wrapperState.onChange});return n},mountWrapper:function(e,t){var n=u.getValue(t),r=n;if(null==n){var a=t.defaultValue,s=t.children;null!=s&&(null!=a?i("92"):void 0,Array.isArray(s)&&(s.length<=1?void 0:i("93"),s=s[0]),a=""+s),null==a&&(a=""),r=a}e._wrapperState={initialValue:""+r,listeners:null,onChange:o.bind(e)}},updateWrapper:function(e){var t=e._currentElement.props,n=l.getNodeFromInstance(e),r=u.getValue(t);if(null!=r){var o=""+r;o!==n.value&&(n.value=o),null==t.defaultValue&&(n.defaultValue=o)}null!=t.defaultValue&&(n.defaultValue=t.defaultValue)},postMountWrapper:function(e){var t=l.getNodeFromInstance(e);t.value=t.textContent}});t.exports=p},{"./DisabledInputUtils":82,"./LinkedValueUtils":92,"./ReactDOMComponentTree":112,"./ReactUpdates":165,"./reactProdInvariant":209,"fbjs/lib/invariant":18,"fbjs/lib/warning":27,"object-assign":28}],125:[function(e,t,n){"use strict";function r(e,t){"_hostNode"in e?void 0:u("33"),"_hostNode"in t?void 0:u("33");for(var n=0,r=e;r;r=r._hostParent)n++;for(var o=0,i=t;i;i=i._hostParent)o++;for(;n-o>0;)e=e._hostParent,n--;for(;o-n>0;)t=t._hostParent,o--;for(var a=n;a--;){if(e===t)return e;e=e._hostParent,t=t._hostParent}return null}function o(e,t){"_hostNode"in e?void 0:u("35"),"_hostNode"in t?void 0:u("35");for(;t;){if(t===e)return!0;t=t._hostParent}return!1}function i(e){return"_hostNode"in e?void 0:u("36"),e._hostParent}function a(e,t,n){for(var r=[];e;)r.push(e),e=e._hostParent;var o;for(o=r.length;o-- >0;)t(r[o],!1,n);for(o=0;o0;)n(u[l],!1,i)}var u=e("./reactProdInvariant");e("fbjs/lib/invariant");t.exports={isAncestor:o,getLowestCommonAncestor:r,getParentInstance:i,traverseTwoPhase:a,traverseEnterLeave:s}},{"./reactProdInvariant":209,"fbjs/lib/invariant":18}],126:[function(e,t,n){"use strict";function r(e,t){null!=t&&"string"==typeof t.type&&(t.type.indexOf("-")>=0||t.props.is||i(e,t))}var o,i=(e("./DOMProperty"),e("./EventPluginRegistry"),e("./ReactComponentTreeHook"),e("fbjs/lib/warning"),function(e,t){var n=[];for(var r in t.props){var i=o(t.type,r,e);i||n.push(r)}n.map(function(e){return"`"+e+"`"}).join(", ");1===n.length||n.length>1}),a={onBeforeMountComponent:function(e,t){r(e,t)},onBeforeUpdateComponent:function(e,t){r(e,t)}};t.exports=a},{"./DOMProperty":78,"./EventPluginRegistry":86,"./ReactComponentTreeHook":105,"fbjs/lib/warning":27}],127:[function(e,t,n){"use strict";function r(e,t,n,r,o,i,a,s){try{t.call(n,r,o,i,a,s)}catch(t){C[e]=!0}}function o(e,t,n,o,i,a){for(var s=0;s1){for(var m=Array(v),g=0;g1){for(var b=Array(y),C=0;C.")}return t}function i(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var n=f.uniqueKey||(f.uniqueKey={}),r=o(t);if(!n[r]){n[r]=!0;var i="";e&&e._owner&&e._owner!==u.current&&(i=" It was passed a child from "+e._owner.getName()+".")}}}function a(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n/,i=/^<\!\-\-/,a={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=r(e);return i.test(e)?e:e.replace(o," "+a.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(a.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var o=r(e);return o===n}};t.exports=a},{"./adler32":186}],145:[function(e,t,n){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;r.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var a,s=C(U,null,null,null,null,null,t);if(e){var u=w.get(e);a=u._processChildContext(u._context)}else a=x;var c=d(n);if(c){var p=c._currentElement,h=p.props;if(O(h,t)){var v=c._renderedComponent.getPublicInstance(),m=r&&function(){r.call(v)};return F._updateRootComponent(c,s,a,n,m),v}F.unmountComponentAtNode(n)}var g=o(n),y=g&&!!i(g),b=l(n),E=y&&!c&&!b,R=F._renderNewRootComponent(s,n,E,a)._renderedComponent.getPublicInstance();return r&&r.call(R),R},render:function(e,t,n){return F._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){c(e)?void 0:f("40");var t=d(e);if(!t){l(e),1===e.nodeType&&e.hasAttribute(I);return!1}return delete A[t._instance.rootID],P.batchedUpdates(u,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,i,a){if(c(t)?void 0:f("41"),i){var s=o(t);if(R.canReuseMarkup(e,s))return void g.precacheNode(n,s);var u=s.getAttribute(R.CHECKSUM_ATTR_NAME);s.removeAttribute(R.CHECKSUM_ATTR_NAME);var l=s.outerHTML;s.setAttribute(R.CHECKSUM_ATTR_NAME,u);var p=e,d=r(p,l),v=" (client) "+p.substring(d-20,d+20)+"\n (server) "+l.substring(d-20,d+20);t.nodeType===j?f("42",v):void 0}if(t.nodeType===j?f("43"):void 0,a.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);h.insertTreeBefore(t,e,null)}else S(t,e),g.precacheNode(n,t.firstChild)}};t.exports=F},{"./DOMLazyTree":76,"./DOMProperty":78,"./ReactBrowserEventEmitter":95,"./ReactCurrentOwner":107,"./ReactDOMComponentTree":112,"./ReactDOMContainerInfo":113,"./ReactDOMFeatureFlags":116,"./ReactElement":130,"./ReactFeatureFlags":136,"./ReactInstanceMap":141,"./ReactInstrumentation":142,"./ReactMarkupChecksum":144,"./ReactReconciler":157,"./ReactUpdateQueue":164,"./ReactUpdates":165,"./instantiateReactComponent":204,"./reactProdInvariant":209,"./setInnerHTML":211,"./shouldUpdateReactComponent":213,"fbjs/lib/emptyObject":11,"fbjs/lib/invariant":18,"fbjs/lib/warning":27}],146:[function(e,t,n){"use strict";function r(e,t,n){return{type:d.INSERT_MARKUP,content:e,fromIndex:null,fromNode:null,toIndex:n,afterNode:t}}function o(e,t,n){return{type:d.MOVE_EXISTING,content:null,fromIndex:e._mountIndex,fromNode:f.getHostNode(e),toIndex:n,afterNode:t}}function i(e,t){return{type:d.REMOVE_NODE,content:null,fromIndex:e._mountIndex,fromNode:t,toIndex:null,afterNode:null}}function a(e){return{type:d.SET_MARKUP,content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function s(e){return{type:d.TEXT_CONTENT,content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function u(e,t){return t&&(e=e||[],e.push(t)),e}function l(e,t){p.processChildrenUpdates(e,t)}var c=e("./reactProdInvariant"),p=e("./ReactComponentEnvironment"),d=(e("./ReactInstanceMap"),e("./ReactInstrumentation"),e("./ReactMultiChildUpdateTypes")),f=(e("./ReactCurrentOwner"),e("./ReactReconciler")),h=e("./ReactChildReconciler"),v=(e("fbjs/lib/emptyFunction"),e("./flattenChildren")),m=(e("fbjs/lib/invariant"),{Mixin:{_reconcilerInstantiateChildren:function(e,t,n){return h.instantiateChildren(e,t,n)},_reconcilerUpdateChildren:function(e,t,n,r,o,i){var a,s=0;return a=v(t,s),h.updateChildren(e,a,n,r,o,this,this._hostContainerInfo,i,s),a},mountChildren:function(e,t,n){var r=this._reconcilerInstantiateChildren(e,t,n);this._renderedChildren=r;var o=[],i=0;for(var a in r)if(r.hasOwnProperty(a)){var s=r[a],u=0,l=f.mountComponent(s,t,this,this._hostContainerInfo,n,u);s._mountIndex=i++,o.push(l)}return o},updateTextContent:function(e){var t=this._renderedChildren;h.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[s(e)];l(this,r)},updateMarkup:function(e){var t=this._renderedChildren;h.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[a(e)];l(this,r)},updateChildren:function(e,t,n){this._updateChildren(e,t,n)},_updateChildren:function(e,t,n){var r=this._renderedChildren,o={},i=[],a=this._reconcilerUpdateChildren(r,e,i,o,t,n);if(a||r){var s,c=null,p=0,d=0,h=0,v=null;for(s in a)if(a.hasOwnProperty(s)){var m=r&&r[s],g=a[s];m===g?(c=u(c,this.moveChild(m,v,p,d)),d=Math.max(m._mountIndex,d),m._mountIndex=p):(m&&(d=Math.max(m._mountIndex,d)),c=u(c,this._mountChildAtIndex(g,i[h],v,p,t,n)),h++),p++,v=f.getHostNode(g)}for(s in o)o.hasOwnProperty(s)&&(c=u(c,this._unmountChild(r[s],o[s])));c&&l(this,c),this._renderedChildren=a}},unmountChildren:function(e){var t=this._renderedChildren;h.unmountChildren(t,e),this._renderedChildren=null},moveChild:function(e,t,n,r){if(e._mountIndex>"),x={array:a("array"),bool:a("boolean"),func:a("function"),number:a("number"),object:a("object"),string:a("string"),symbol:a("symbol"),any:s(),arrayOf:u,element:l(),instanceOf:c,node:h(),objectOf:d,oneOf:p,oneOfType:f,shape:v};o.prototype=Error.prototype,t.exports=x},{"./ReactElement":130,"./ReactPropTypeLocationNames":151,"./ReactPropTypesSecret":154,"./getIteratorFn":200,"fbjs/lib/emptyFunction":10,"fbjs/lib/warning":27}],154:[function(e,t,n){"use strict";var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";t.exports=r},{}],155:[function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=u,this.updater=n||s}function o(){}var i=e("object-assign"),a=e("./ReactComponent"),s=e("./ReactNoopUpdateQueue"),u=e("fbjs/lib/emptyObject");o.prototype=a.prototype,r.prototype=new o,r.prototype.constructor=r,i(r.prototype,a.prototype),r.prototype.isPureReactComponent=!0,t.exports=r},{"./ReactComponent":102,"./ReactNoopUpdateQueue":149,"fbjs/lib/emptyObject":11,"object-assign":28}],156:[function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=!1,this.reactMountReady=i.getPooled(null),this.useCreateElement=e}var o=e("object-assign"),i=e("./CallbackQueue"),a=e("./PooledClass"),s=e("./ReactBrowserEventEmitter"),u=e("./ReactInputSelection"),l=(e("./ReactInstrumentation"),e("./Transaction")),c=e("./ReactUpdateQueue"),p={initialize:u.getSelectionInformation,close:u.restoreSelection},d={initialize:function(){var e=s.isEnabled();return s.setEnabled(!1),e},close:function(e){s.setEnabled(e)}},f={initialize:function(){this.reactMountReady.reset()},close:function(){this.reactMountReady.notifyAll()}},h=[p,d,f],v={getTransactionWrappers:function(){return h},getReactMountReady:function(){return this.reactMountReady},getUpdateQueue:function(){return c},checkpoint:function(){return this.reactMountReady.checkpoint()},rollback:function(e){this.reactMountReady.rollback(e)},destructor:function(){i.release(this.reactMountReady),this.reactMountReady=null}};o(r.prototype,l.Mixin,v),a.addPoolingTo(r),t.exports=r},{"./CallbackQueue":73,"./PooledClass":93,"./ReactBrowserEventEmitter":95,"./ReactInputSelection":140,"./ReactInstrumentation":142,"./ReactUpdateQueue":164,"./Transaction":183,"object-assign":28}],157:[function(e,t,n){"use strict";function r(){o.attachRefs(this,this._currentElement)}var o=e("./ReactRef"),i=(e("./ReactInstrumentation"),e("fbjs/lib/warning"),{mountComponent:function(e,t,n,o,i,a){var s=e.mountComponent(t,n,o,i,a);return e._currentElement&&null!=e._currentElement.ref&&t.getReactMountReady().enqueue(r,e),s},getHostNode:function(e){return e.getHostNode()},unmountComponent:function(e,t){o.detachRefs(e,e._currentElement),e.unmountComponent(t)},receiveComponent:function(e,t,n,i){var a=e._currentElement;if(t!==a||i!==e._context){var s=o.shouldUpdateRefs(a,t);s&&o.detachRefs(e,a),e.receiveComponent(t,n,i),s&&e._currentElement&&null!=e._currentElement.ref&&n.getReactMountReady().enqueue(r,e)}},performUpdateIfNecessary:function(e,t,n){e._updateBatchNumber===n&&e.performUpdateIfNecessary(t)}});t.exports=i},{"./ReactInstrumentation":142,"./ReactRef":158,"fbjs/lib/warning":27}],158:[function(e,t,n){"use strict";function r(e,t,n){"function"==typeof e?e(t.getPublicInstance()):i.addComponentAsRefTo(t,e,n)}function o(e,t,n){"function"==typeof e?e(null):i.removeComponentAsRefFrom(t,e,n)}var i=e("./ReactOwner"),a={};a.attachRefs=function(e,t){if(null!==t&&t!==!1){var n=t.ref;null!=n&&r(n,e,t._owner)}},a.shouldUpdateRefs=function(e,t){var n=null===e||e===!1,r=null===t||t===!1;return n||r||t.ref!==e.ref||"string"==typeof t.ref&&t._owner!==e._owner},a.detachRefs=function(e,t){if(null!==t&&t!==!1){var n=t.ref;null!=n&&o(n,e,t._owner)}},t.exports=a},{"./ReactOwner":150}],159:[function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=e,this.useCreateElement=!1,this.updateQueue=new s(this)}var o=e("object-assign"),i=e("./PooledClass"),a=e("./Transaction"),s=(e("./ReactInstrumentation"),e("./ReactServerUpdateQueue")),u=[],l={enqueue:function(){}},c={getTransactionWrappers:function(){return u},getReactMountReady:function(){return l},getUpdateQueue:function(){return this.updateQueue},destructor:function(){},checkpoint:function(){},rollback:function(){}};o(r.prototype,a.Mixin,c),i.addPoolingTo(r),t.exports=r},{"./PooledClass":93,"./ReactInstrumentation":142,"./ReactServerUpdateQueue":160,"./Transaction":183,"object-assign":28}],160:[function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){}var i=e("./ReactUpdateQueue"),a=(e("./Transaction"),e("fbjs/lib/warning"),function(){function e(t){r(this,e),this.transaction=t}return e.prototype.isMounted=function(e){return!1},e.prototype.enqueueCallback=function(e,t,n){this.transaction.isInTransaction()&&i.enqueueCallback(e,t,n)},e.prototype.enqueueForceUpdate=function(e){this.transaction.isInTransaction()?i.enqueueForceUpdate(e):o(e,"forceUpdate")},e.prototype.enqueueReplaceState=function(e,t){this.transaction.isInTransaction()?i.enqueueReplaceState(e,t):o(e,"replaceState")},e.prototype.enqueueSetState=function(e,t){this.transaction.isInTransaction()?i.enqueueSetState(e,t):o(e,"setState")},e}());t.exports=a},{"./ReactUpdateQueue":164,"./Transaction":183,"fbjs/lib/warning":27}],161:[function(e,t,n){"use strict";var r=e("./flattenChildren"),o={getChildMapping:function(e,t){return e?r(e):e},mergeChildMappings:function(e,t){function n(n){return t.hasOwnProperty(n)?t[n]:e[n]}e=e||{},t=t||{};var r={},o=[];for(var i in e)t.hasOwnProperty(i)?o.length&&(r[i]=o,o=[]):o.push(i);var a,s={};for(var u in t){if(r.hasOwnProperty(u))for(a=0;a0&&r.length<20?n+" (keys: "+r.join(", ")+")":n}function i(e,t){var n=s.get(e);if(!n){return null}return n}var a=e("./reactProdInvariant"),s=(e("./ReactCurrentOwner"),e("./ReactInstanceMap")),u=(e("./ReactInstrumentation"),e("./ReactUpdates")),l=(e("fbjs/lib/invariant"),e("fbjs/lib/warning"),{isMounted:function(e){var t=s.get(e);return!!t&&!!t._renderedComponent},enqueueCallback:function(e,t,n){l.validateCallback(t,n);var o=i(e);return o?(o._pendingCallbacks?o._pendingCallbacks.push(t):o._pendingCallbacks=[t],void r(o)):null},enqueueCallbackInternal:function(e,t){e._pendingCallbacks?e._pendingCallbacks.push(t):e._pendingCallbacks=[t],r(e)},enqueueForceUpdate:function(e){var t=i(e,"forceUpdate");t&&(t._pendingForceUpdate=!0,r(t))},enqueueReplaceState:function(e,t){var n=i(e,"replaceState");n&&(n._pendingStateQueue=[t],n._pendingReplaceState=!0,r(n))},enqueueSetState:function(e,t){var n=i(e,"setState");if(n){var o=n._pendingStateQueue||(n._pendingStateQueue=[]);o.push(t),r(n)}},enqueueElementInternal:function(e,t,n){e._pendingElement=t,e._context=n,r(e)},validateCallback:function(e,t){e&&"function"!=typeof e?a("122",t,o(e)):void 0}});t.exports=l},{"./ReactCurrentOwner":107,"./ReactInstanceMap":141,"./ReactInstrumentation":142,"./ReactUpdates":165,"./reactProdInvariant":209,"fbjs/lib/invariant":18,"fbjs/lib/warning":27}],165:[function(e,t,n){"use strict";function r(){x.ReactReconcileTransaction&&E?void 0:c("123")}function o(){this.reinitializeTransaction(),this.dirtyComponentsLength=null,this.callbackQueue=d.getPooled(),this.reconcileTransaction=x.ReactReconcileTransaction.getPooled(!0)}function i(e,t,n,o,i,a){r(),E.batchedUpdates(e,t,n,o,i,a)}function a(e,t){return e._mountOrder-t._mountOrder}function s(e){var t=e.dirtyComponentsLength;t!==g.length?c("124",t,g.length):void 0,g.sort(a),y++;for(var n=0;n]/;t.exports=o},{}],192:[function(e,t,n){"use strict";function r(e){if(null==e)return null;if(1===e.nodeType)return e;var t=a.get(e);return t?(t=s(t),t?i.getNodeFromInstance(t):null):void("function"==typeof e.render?o("44"):o("45",Object.keys(e)))}var o=e("./reactProdInvariant"),i=(e("./ReactCurrentOwner"),e("./ReactDOMComponentTree")),a=e("./ReactInstanceMap"),s=e("./getHostComponentFromComposite");e("fbjs/lib/invariant"),e("fbjs/lib/warning");t.exports=r},{"./ReactCurrentOwner":107,"./ReactDOMComponentTree":112,"./ReactInstanceMap":141,"./getHostComponentFromComposite":199,"./reactProdInvariant":209,"fbjs/lib/invariant":18,"fbjs/lib/warning":27}],193:[function(e,t,n){(function(n){"use strict";function r(e,t,n,r){if(e&&"object"==typeof e){var o=e,i=void 0===o[n];i&&null!=t&&(o[n]=t)}}function o(e,t){if(null==e)return e;var n={};return i(e,r,n),n}var i=(e("./KeyEscapeUtils"),e("./traverseAllChildren"));e("fbjs/lib/warning");"undefined"!=typeof n&&n.env,1,t.exports=o}).call(this,e("_process"))},{"./KeyEscapeUtils":91,"./ReactComponentTreeHook":105,"./traverseAllChildren":214,_process:1,"fbjs/lib/warning":27}],194:[function(e,t,n){"use strict";function r(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}t.exports=r},{}],195:[function(e,t,n){"use strict";function r(e){var t,n=e.keyCode;return"charCode"in e?(t=e.charCode,0===t&&13===n&&(t=13)):t=n,t>=32||13===t?t:0}t.exports=r},{}],196:[function(e,t,n){"use strict";function r(e){if(e.key){var t=i[e.key]||e.key;if("Unidentified"!==t)return t}if("keypress"===e.type){var n=o(e);return 13===n?"Enter":String.fromCharCode(n)}return"keydown"===e.type||"keyup"===e.type?a[e.keyCode]||"Unidentified":""}var o=e("./getEventCharCode"),i={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},a={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};t.exports=r},{"./getEventCharCode":195}],197:[function(e,t,n){"use strict";function r(e){var t=this,n=t.nativeEvent;if(n.getModifierState)return n.getModifierState(e);var r=i[e];return!!r&&!!n[r]}function o(e){return r}var i={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};t.exports=o},{}],198:[function(e,t,n){"use strict";function r(e){var t=e.target||e.srcElement||window;return t.correspondingUseElement&&(t=t.correspondingUseElement),3===t.nodeType?t.parentNode:t}t.exports=r},{}],199:[function(e,t,n){"use strict";function r(e){for(var t;(t=e._renderedNodeType)===o.COMPOSITE;)e=e._renderedComponent;return t===o.HOST?e._renderedComponent:t===o.EMPTY?null:void 0}var o=e("./ReactNodeTypes");t.exports=r},{"./ReactNodeTypes":148}],200:[function(e,t,n){"use strict";function r(e){var t=e&&(o&&e[o]||e[i]);if("function"==typeof t)return t}var o="function"==typeof Symbol&&Symbol.iterator,i="@@iterator";t.exports=r},{}],201:[function(e,t,n){"use strict";function r(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function o(e){for(;e;){if(e.nextSibling)return e.nextSibling;e=e.parentNode}}function i(e,t){for(var n=r(e),i=0,a=0;n;){if(3===n.nodeType){if(a=i+n.textContent.length,i<=t&&a>=t)return{node:n,offset:t-i};i=a}n=r(o(n))}}t.exports=i},{}],202:[function(e,t,n){"use strict";function r(){return!i&&o.canUseDOM&&(i="textContent"in document.documentElement?"textContent":"innerText"),i}var o=e("fbjs/lib/ExecutionEnvironment"),i=null;t.exports=r},{"fbjs/lib/ExecutionEnvironment":4}],203:[function(e,t,n){"use strict";function r(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function o(e){if(s[e])return s[e];if(!a[e])return e;var t=a[e];for(var n in t)if(t.hasOwnProperty(n)&&n in u)return s[e]=t[n];return""}var i=e("fbjs/lib/ExecutionEnvironment"),a={animationend:r("Animation","AnimationEnd"),animationiteration:r("Animation","AnimationIteration"),animationstart:r("Animation","AnimationStart"),transitionend:r("Transition","TransitionEnd")},s={},u={};i.canUseDOM&&(u=document.createElement("div").style,"AnimationEvent"in window||(delete a.animationend.animation,delete a.animationiteration.animation,delete a.animationstart.animation),"TransitionEvent"in window||delete a.transitionend.transition),t.exports=o},{"fbjs/lib/ExecutionEnvironment":4}],204:[function(e,t,n){"use strict";function r(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}function o(e){return"function"==typeof e&&"undefined"!=typeof e.prototype&&"function"==typeof e.prototype.mountComponent&&"function"==typeof e.prototype.receiveComponent}function i(e,t){var n;if(null===e||e===!1)n=l.create(i);else if("object"==typeof e){var s=e;!s||"function"!=typeof s.type&&"string"!=typeof s.type?a("130",null==s.type?s.type:typeof s.type,r(s._owner)):void 0,"string"==typeof s.type?n=c.createInternalComponent(s):o(s.type)?(n=new s.type(s),n.getHostNode||(n.getHostNode=n.getNativeNode)):n=new p(s)}else"string"==typeof e||"number"==typeof e?n=c.createInstanceForText(e):a("131",typeof e);return n._mountIndex=0,n._mountImage=null,n}var a=e("./reactProdInvariant"),s=e("object-assign"),u=e("./ReactCompositeComponent"),l=e("./ReactEmptyComponent"),c=e("./ReactHostComponent"),p=(e("fbjs/lib/invariant"),e("fbjs/lib/warning"),function(e){this.construct(e)});s(p.prototype,u.Mixin,{_instantiateReactComponent:i});t.exports=i},{"./ReactCompositeComponent":106,"./ReactEmptyComponent":132,"./ReactHostComponent":137,"./reactProdInvariant":209,"fbjs/lib/invariant":18,"fbjs/lib/warning":27,"object-assign":28}],205:[function(e,t,n){"use strict";function r(e,t){if(!i.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var a=document.createElement("div");a.setAttribute(n,"return;"),r="function"==typeof a[n]}return!r&&o&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var o,i=e("fbjs/lib/ExecutionEnvironment");i.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0),t.exports=r},{"fbjs/lib/ExecutionEnvironment":4 -}],206:[function(e,t,n){"use strict";function r(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!o[e.type]:"textarea"===t}var o={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};t.exports=r},{}],207:[function(e,t,n){"use strict";function r(e){return i.isValidElement(e)?void 0:o("143"),e}var o=e("./reactProdInvariant"),i=e("./ReactElement");e("fbjs/lib/invariant");t.exports=r},{"./ReactElement":130,"./reactProdInvariant":209,"fbjs/lib/invariant":18}],208:[function(e,t,n){"use strict";function r(e){return'"'+o(e)+'"'}var o=e("./escapeTextContentForBrowser");t.exports=r},{"./escapeTextContentForBrowser":191}],209:[function(e,t,n){"use strict";function r(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r]/,u=e("./createMicrosoftUnsafeLocalFunction"),l=u(function(e,t){if(e.namespaceURI!==i.svg||"innerHTML"in e)e.innerHTML=t;else{r=r||document.createElement("div"),r.innerHTML=""+t+"";for(var n=r.firstChild.childNodes,o=0;o0;)for(i in r)if(r[i]++,u--,u<0)break;return r}},{key:"buildImageRow",value:function(e,t){for(var n=[],r=0,o=2*this.props.margin;e.length>0&&r0&&a>0){var s=this.calculateCutOff(r,a,n);for(var u in n){var l=s[u];i=n[u],i.marginLeft=-Math.abs(Math.floor(l/2)),i.vwidth=i.scaletwidth-l}}else for(var c in n)i=n[c],i.marginLeft=0,i.vwidth=i.scaletwidth;return n}},{key:"setThumbScale",value:function(e){e.scaletwidth=Math.floor(this.props.rowHeight*(e.thumbnailWidth/e.thumbnailHeight))}},{key:"renderThumbs",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?this.state.images:arguments[1];if(!t)return[];if(0==e)return[];var n=t.slice();for(var r in n)this.setThumbScale(n[r]);for(var o=[],i=[];n.length>0;)i.push(this.buildImageRow(n,e));for(var a in i)for(var s in i[a]){var u=i[a][s];o.push(u)}return o}},{key:"render",value:function(){var e=this,t=this.state.thumbnails.map(function(t,n){return l.default.createElement(f.default,{key:t.src,item:t,index:n,margin:e.props.margin,height:e.props.rowHeight,isSelectable:e.props.enableImageSelection,isSelected:e.state.selectedImages.indexOf(n)>-1,onClick:e.getOnClickThumbnailFunc(),onToggleSelected:e.onToggleSelected})});return l.default.createElement("div",{id:"Gallery",ref:function(t){return e._gallery=t}},t,l.default.createElement(p.default,{images:this.props.images,backdropClosesModal:this.props.backdropClosesModal,currentImage:this.state.currentImage,customControls:this.props.customControls,enableKeyboardInput:this.props.enableKeyboardInput,imageCountSeparator:this.props.imageCountSeparator,isOpen:this.state.lightboxIsOpen,onClickImage:this.handleClickImage,onClickNext:this.gotoNext,onClickPrev:this.gotoPrevious,onClose:this.closeLightbox,showCloseButton:this.props.showCloseButton,showImageCount:this.props.showImageCount}))}}]),t}(u.Component);h.displayName="Gallery",h.propTypes={images:u.PropTypes.arrayOf(u.PropTypes.shape({src:u.PropTypes.string.isRequired,thumbnail:u.PropTypes.string.isRequired,srcset:u.PropTypes.array,caption:u.PropTypes.string,thumbnailWidth:u.PropTypes.number.isRequired,thumbnailHeight:u.PropTypes.number.isRequired})).isRequired,enableImageSelection:u.PropTypes.bool,selectedImages:u.PropTypes.arrayOf(u.PropTypes.number),onSelectedImagesChange:u.PropTypes.func,rowHeight:u.PropTypes.number,margin:u.PropTypes.number,onClickThumbnail:u.PropTypes.func,enableLightbox:u.PropTypes.bool,backdropClosesModal:u.PropTypes.bool,currentImage:u.PropTypes.number,preloadNextImage:u.PropTypes.bool,customControls:u.PropTypes.arrayOf(u.PropTypes.node),enableKeyboardInput:u.PropTypes.bool,imageCountSeparator:u.PropTypes.string,isOpen:u.PropTypes.bool,onClickImage:u.PropTypes.func,onClickNext:u.PropTypes.func,onClickPrev:u.PropTypes.func,onClose:u.PropTypes.func,showCloseButton:u.PropTypes.bool,showImageCount:u.PropTypes.bool},h.defaultProps={enableImageSelection:!0,selectedImages:[],rowHeight:180,margin:2,enableLightbox:!0,backdropClosesModal:!1,currentImage:0,preloadNextImage:!0,enableKeyboardInput:!0,imageCountSeparator:" of ",isOpen:!1,showCloseButton:!0,showImageCount:!0},t.exports=h},{"./Image.js":219,react:216,"react-images":31}],219:[function(e,t,n){"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(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}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 s=function(){function e(e,t){for(var n=0;nthis.props.height?(n=this.props.item.scaletwidth-32,t=Math.floor(n/e)):(t=this.props.height-32,n=Math.floor(t*e));var i=-Math.abs(Math.floor((r-t)/2)),a=-Math.abs(Math.floor((o-n)/2));return{cursor:"pointer",width:n,height:t,marginLeft:a,marginTop:i}}return{cursor:"pointer",width:this.props.item.scaletwidth,height:this.props.height,marginLeft:this.props.item.marginLeft,marginTop:0}}},{key:"renderCheckButton",value:function(){return l.default.createElement(p.default,{key:"Select",index:this.props.index,color:"rgba(255, 255, 255, 0.7)",selectedColor:"#4285f4",hoverColor:"rgba(255, 255, 255, 1)",isSelected:this.props.isSelected,isSelectable:this.props.isSelectable,onClick:this.props.isSelectable?this.props.onToggleSelected:null,parentHover:this.state.hover})}},{key:"render",value:function(){var e=this;return l.default.createElement("div",{className:"tile",key:"tile-"+this.props.index,onMouseEnter:function(t){return e.setState({hover:!0})},onMouseLeave:function(t){return e.setState({hover:!1})},style:{margin:""+this.props.margin+"px",WebkitUserSelect:"none",position:"relative",float:"left",background:"#eee",padding:"0px"}},l.default.createElement("div",{className:"tile-icon-bar",key:"tile-icon-bar-"+this.props.index,style:{pointerEvents:"none",opacity:1,position:"absolute",height:"36px",width:"100%"}},this.renderCheckButton()),l.default.createElement("div",{className:"tile-overlay",key:"tile-overlay-"+this.props.index,style:{pointerEvents:"none",opacity:1,position:"absolute",height:"100%",width:"100%",background:this.state.hover&&!this.props.isSelected&&this.props.isSelectable?"linear-gradient(to bottom,rgba(0,0,0,0.26),transparent 56px,transparent)":"none"}}),l.default.createElement("div",{className:"tile-viewport",style:this.tileViewportStyle(),key:"tile-viewport-"+this.props.index,onClick:this.props.onClick?function(t){return e.props.onClick(e.props.index,t)}:null},l.default.createElement("img",{key:"img-"+this.props.index,src:this.props.item.thumbnail,title:this.props.item.caption,style:this.thumbnailStyle()})))}}]),t}(u.Component);d.propTypes={item:u.PropTypes.object,index:u.PropTypes.number,margin:u.PropTypes.number,height:u.PropTypes.number,isSelectable:u.PropTypes.bool,isSelected:u.PropTypes.bool,onClick:u.PropTypes.func,onToggleSelected:u.PropTypes.func},d.defaultProps={isSelectable:!0,isSelected:!1,hover:!1},n.default=d},{"./CheckButton.js":217,react:216}],220:[function(e,t,n){"use strict";window.ReactGridGallery=e("./Gallery"),window.RGGCheckButton=e("./CheckButton")},{"./CheckButton":217,"./Gallery":218}]},{},[220]); \ No newline at end of file +}],206:[function(e,t,n){"use strict";function r(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!o[e.type]:"textarea"===t}var o={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};t.exports=r},{}],207:[function(e,t,n){"use strict";function r(e){return i.isValidElement(e)?void 0:o("143"),e}var o=e("./reactProdInvariant"),i=e("./ReactElement");e("fbjs/lib/invariant");t.exports=r},{"./ReactElement":130,"./reactProdInvariant":209,"fbjs/lib/invariant":18}],208:[function(e,t,n){"use strict";function r(e){return'"'+o(e)+'"'}var o=e("./escapeTextContentForBrowser");t.exports=r},{"./escapeTextContentForBrowser":191}],209:[function(e,t,n){"use strict";function r(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r]/,u=e("./createMicrosoftUnsafeLocalFunction"),l=u(function(e,t){if(e.namespaceURI!==i.svg||"innerHTML"in e)e.innerHTML=t;else{r=r||document.createElement("div"),r.innerHTML=""+t+"";for(var n=r.firstChild.childNodes,o=0;o0;)for(i in r)if(r[i]++,u--,u<0)break;return r}},{key:"buildImageRow",value:function(e,t){for(var n=[],r=0,o=2*this.props.margin;e.length>0&&r0&&a>0){var s=this.calculateCutOff(r,a,n);for(var u in n){var l=s[u];i=n[u],i.marginLeft=-Math.abs(Math.floor(l/2)),i.vwidth=i.scaletwidth-l}}else for(var c in n)i=n[c],i.marginLeft=0,i.vwidth=i.scaletwidth;return n}},{key:"setThumbScale",value:function(e){e.scaletwidth=Math.floor(this.props.rowHeight*(e.thumbnailWidth/e.thumbnailHeight))}},{key:"renderThumbs",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?this.state.images:arguments[1];if(!t)return[];if(0==e)return[];var n=t.slice();for(var r in n)this.setThumbScale(n[r]);for(var o=[],i=[];n.length>0;)i.push(this.buildImageRow(n,e));for(var a in i)for(var s in i[a]){var u=i[a][s];o.push(u)}return o}},{key:"render",value:function(){var e=this,t=this.state.thumbnails.map(function(t,n){return l.default.createElement(f.default,{key:"Image-"+n+"-"+t.src,item:t,index:n,margin:e.props.margin,height:e.props.rowHeight,isSelectable:e.props.enableImageSelection,isSelected:e.state.selectedImages.indexOf(n)>-1,onClick:e.getOnClickThumbnailFunc(),onToggleSelected:e.onToggleSelected})});return l.default.createElement("div",{id:"Gallery",ref:function(t){return e._gallery=t}},t,l.default.createElement(p.default,{images:this.props.images,backdropClosesModal:this.props.backdropClosesModal,currentImage:this.state.currentImage,customControls:this.props.customControls,enableKeyboardInput:this.props.enableKeyboardInput,imageCountSeparator:this.props.imageCountSeparator,isOpen:this.state.lightboxIsOpen,onClickImage:this.handleClickImage,onClickNext:this.gotoNext,onClickPrev:this.gotoPrevious,onClose:this.closeLightbox,showCloseButton:this.props.showCloseButton,showImageCount:this.props.showImageCount}))}}]),t}(u.Component);h.displayName="Gallery",h.propTypes={images:u.PropTypes.arrayOf(u.PropTypes.shape({src:u.PropTypes.string.isRequired,thumbnail:u.PropTypes.string.isRequired,srcset:u.PropTypes.array,caption:u.PropTypes.string,thumbnailWidth:u.PropTypes.number.isRequired,thumbnailHeight:u.PropTypes.number.isRequired})).isRequired,enableImageSelection:u.PropTypes.bool,selectedImages:u.PropTypes.arrayOf(u.PropTypes.number),onSelectedImagesChange:u.PropTypes.func,rowHeight:u.PropTypes.number,margin:u.PropTypes.number,onClickThumbnail:u.PropTypes.func,enableLightbox:u.PropTypes.bool,backdropClosesModal:u.PropTypes.bool,currentImage:u.PropTypes.number,preloadNextImage:u.PropTypes.bool,customControls:u.PropTypes.arrayOf(u.PropTypes.node),enableKeyboardInput:u.PropTypes.bool,imageCountSeparator:u.PropTypes.string,isOpen:u.PropTypes.bool,onClickImage:u.PropTypes.func,onClickNext:u.PropTypes.func,onClickPrev:u.PropTypes.func,onClose:u.PropTypes.func,showCloseButton:u.PropTypes.bool,showImageCount:u.PropTypes.bool},h.defaultProps={enableImageSelection:!0,selectedImages:[],rowHeight:180,margin:2,enableLightbox:!0,backdropClosesModal:!1,currentImage:0,preloadNextImage:!0,enableKeyboardInput:!0,imageCountSeparator:" of ",isOpen:!1,showCloseButton:!0,showImageCount:!0},t.exports=h},{"./Image.js":219,react:216,"react-images":31}],219:[function(e,t,n){"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(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}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 s=function(){function e(e,t){for(var n=0;nthis.props.height?(n=this.props.item.scaletwidth-32,t=Math.floor(n/e)):(t=this.props.height-32,n=Math.floor(t*e));var i=-Math.abs(Math.floor((r-t)/2)),a=-Math.abs(Math.floor((o-n)/2));return{cursor:"pointer",width:n,height:t,marginLeft:a,marginTop:i}}return{cursor:"pointer",width:this.props.item.scaletwidth,height:this.props.height,marginLeft:this.props.item.marginLeft,marginTop:0}}},{key:"renderCheckButton",value:function(){return l.default.createElement(p.default,{key:"Select",index:this.props.index,color:"rgba(255, 255, 255, 0.7)",selectedColor:"#4285f4",hoverColor:"rgba(255, 255, 255, 1)",isSelected:this.props.isSelected,isSelectable:this.props.isSelectable,onClick:this.props.isSelectable?this.props.onToggleSelected:null,parentHover:this.state.hover})}},{key:"render",value:function(){var e=this;return l.default.createElement("div",{className:"tile",key:"tile-"+this.props.index,onMouseEnter:function(t){return e.setState({hover:!0})},onMouseLeave:function(t){return e.setState({hover:!1})},style:{margin:""+this.props.margin+"px",WebkitUserSelect:"none",position:"relative",float:"left",background:"#eee",padding:"0px"}},l.default.createElement("div",{className:"tile-icon-bar",key:"tile-icon-bar-"+this.props.index,style:{pointerEvents:"none",opacity:1,position:"absolute",height:"36px",width:"100%"}},this.renderCheckButton()),l.default.createElement("div",{className:"tile-overlay",key:"tile-overlay-"+this.props.index,style:{pointerEvents:"none",opacity:1,position:"absolute",height:"100%",width:"100%",background:this.state.hover&&!this.props.isSelected&&this.props.isSelectable?"linear-gradient(to bottom,rgba(0,0,0,0.26),transparent 56px,transparent)":"none"}}),l.default.createElement("div",{className:"tile-viewport",style:this.tileViewportStyle(),key:"tile-viewport-"+this.props.index,onClick:this.props.onClick?function(t){return e.props.onClick(e.props.index,t)}:null},l.default.createElement("img",{key:"img-"+this.props.index,src:this.props.item.thumbnail,title:this.props.item.caption,style:this.thumbnailStyle()})))}}]),t}(u.Component);d.propTypes={item:u.PropTypes.object,index:u.PropTypes.number,margin:u.PropTypes.number,height:u.PropTypes.number,isSelectable:u.PropTypes.bool,isSelected:u.PropTypes.bool,onClick:u.PropTypes.func,onToggleSelected:u.PropTypes.func},d.defaultProps={isSelectable:!0,isSelected:!1,hover:!1},n.default=d},{"./CheckButton.js":217,react:216}],220:[function(e,t,n){"use strict";window.ReactGridGallery=e("./Gallery"),window.RGGCheckButton=e("./CheckButton")},{"./CheckButton":217,"./Gallery":218}]},{},[220]); \ No newline at end of file diff --git a/package.json b/package.json index 52fab59..3ce1eae 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-grid-gallery", - "version": "0.2.1", + "version": "0.2.2", "description": "Justified gallery component for React.", "main": "lib/Gallery.js", "dependencies": {