v8

• Gallery uses React.memo
• Use hooks
• Update examples
• Update tests
• Bump default limitNodeSearch to 2
• Change the way renderImage works. You now need to pass in your own key. The component is no longer wrapped in a div with a key.

Possible breaking changes

• if your are using a custom component (renderImage prop), you may get a warning about keys. It could also stop interacting correctly with other libraries that use an HOC.
• the Gallery uses React.memo. That means it does a shallow update of props. If you are mutating your photos array directly, it will no longer trigger a change. You will need to make sure your prop values are immutable if you want them to trigger Gallery updates.

v7.0.0

Breaking Changes

• New algorithm being used which ignores columns prop when direction=row (default). Photos per row are now determined by the new algorithm keeping in mind the user defined targetRowHeight.
• ImageComponent renamed to renderImage
• targetRowHeight. New prop. The algorithm will do its best to keep rows close to this height
• limitNodeSearch. New prop. Limits the amount of neighboring nodes to check for the best row

v6.3.2

• Add Typescript def file thanks to @vadistic

v6.3.0

• pr #124 - columns prop can be a function that returns width of Gallery
• upgrade to Babel 7

v6.2.2

• upgrade to [email protected]
• fix #115
• fix #108
• fix #109

v6.2.1

• fix unnecessary rendering by only calling observer callback if the width has changed
• return render early when no container width to save on calculations (because no container width on first render)

v6.2.0

• Makes columns prop optional and provide default columns at breakpoints based on Gallery's size

v6.1.6

• Allow columns property number to be less than photos.length

v6.1.3

• Address issue #103. Do not stretch images across last rows when photos left is less than column number
• Add type restriction to columns so that it cannot be greater than the length of photos

v6.1.0

• Add feature to let user choose between column (masonry) or row (default) based layout.