The most recent changelog is available on the releases page.
- Fixed grid breakdown when container width is decimal #170, closes #84
- TypeScript declaration file added #173, closes #145
- Added defaultContainerWidth option for SSR rendering support #175
- CSS class names are prefixed with ReactGridGallery_
- Add way to inject a custom thumbnail image component (for lazy-loading) PR 104. Thanks pxpeterxu.
- Fix crash when this.props.images.length - 1 < this.state.currentImage PR #111. Thanks lryta.
- Added currentImageWillChange PR 97. Function to execute before lightbox image change. Useful for tracking current image shown in lightbox. Thanks Approximator.
- Moved prop-types dependency from dev dependencies to dependencies
- Bumped react-images to 0.5.16 to address issue #83. See jossmac/react-images#172 for details.
- Fixed bug: propagate preloadNextImage to Lightbox PR 78. Thanks ScottMRafferty.
- Added optional alt tag to image props (defaults to empty string).
- Added image rotation/transformation functionality based upon EXIF orientation passed in the image
orientation
prop PR 67. Thanks mis94.
- Added className to custom overlay.
- Added vendor specific prefixes to userSelect styling.
- Added ability to select thumbnailCaption text PR 43. Thanks jakub-tucek.
-
Added optional thumbnailCaption functionality PR 42. Thanks jakub-tucek.
-
Updated acknowledgements.
-
Updated documentation.
-
Fixed resize event not triggering on scroll bar presence change PR 40. Thanks SimeonC.
-
Updated acknowledgements.
-
Added optional
id
prop for the id attribute of the<Gallery>
tag. -
Added className attribute for the
<Gallery>
tag. -
Updated documentation.
-
Added optional
tileViewportStyle
prop as a function to determine style of tile viewport. This function leverages Function.prototype.call(). -
Added optional
thumbnailStyle
prop as a function to determine style of each gallery thumbnail. This function leverages Function.prototype.call(). -
Refactored implementation of
onSelectImage
prop. This function leverages Function.prototype.call(). -
Refactored implementation of
onClickThumbnail
prop. This function leverages Function.prototype.call(). -
Refactored implementation of
lightboxWillOpen
prop. This function leverages Function.prototype.call(). -
Refactored implementation of
lightboxWillClose
prop. This function leverages Function.prototype.call().
- Added optional
tagStyle
prop to style thumbnail tags.
-
Added optional lightbox prop
showLightboxThumbnails
to display thumbnails beneath the Lightbox image. -
Added optional lightbox prop
onClickLightboxThumbnail
as a fn to execute when lightbox thumbnail clicked. Overrides internal function: gotoImage.
-
Refactored for react 16 (moved from PropTypes to prop-types package).
-
Bumped react-images to 0.5.4 which has been refactored for react 16.
-
Added
theme
pass-though prop PR 27. Thanks danalloway. -
Updated acknowledgements.
-
Bumped to react 15.5.4
-
Refactored to use new prop-types package (React.PropTyes deprecated).
-
Added demo to project page for
customOverlay
. -
Updated documentation
-
Updated acknowledgements
- Added
maxRows
functionality issue #21.
-
Added
lightboxWillOpen
andlightBoxWillClose
functionality PR 20. Thanks ValYouW. -
Updated documentation for onClickThumbnail fn issue #19
-
Updated acknowledgements
-
Fixed bug where lightboxWidth does not exceed 1024px
-
Bumped react-images to 0.5.2
- Fixed bug in passing lightboxWidth prop
- Added prop to set maximum width of lightbox. Defaults to 1024px.
-
Updated documentation including correction of
onSelectImage
prop documentation. -
More descriptive package keywords.
-
Grammatical tweaks.
- Consistent naming scheme implemented both internally and externally. External breaking change to the
onImageSelected
prop which has been renamedonSelectImage
. All internal instances ofFunc
refactored toFn
.handleClickImage
refactored toonClickImage
.handleResize
refactored toonResize
.
The following changes in v0.2.7 allow react-grid-gallery to be used in an (optionally) stateless way.
-
Added optional prop
onClickImage
. This prop takes a function and is triggered when a lightbox displayed image is clicked. Supplying this prop will override the defaultonClickImage
function. -
Added optional prop
onClickPrev
. This prop takes a function and is triggered when the left arrow in lightbox is clicked. Supplying this prop will override the defaultonClickPrev
function. -
Added optional prop
onClickNext
. This prop takes a function and is triggered when the right arrow in lightbox is clicked. Supplying this prop will override the defaultonClickNext
function. -
Added explicit
closeLightbox
function to the lightboxonClose
prop.
-
Added acknowledgements to docs.
-
Fixed unitless style warning. Thanks @szromek.
- Added image tagging functionality. Optional
tags
prop takes an array of objects containing tag attributes.value
prop is the text shown on the tag andtitle
prop is the text shown when hovering over the tag. e.g.tags: [{value: "Ocean", title: "Ocean"}, {value: "People", title: "People"}]
onImageSelected
prop function now takes two optional args, index (index of selected image in images array) and image (the selected image object).
-
Image selection state now handled within image object by optional boolean prop
isSelected
. This greatly reduces complexity both within and outside the component as the image itself carries it's selected state. ThereforeselectedImages
prop has been removed. -
onSelectedImagesChange
prop removed due to the changes outlined above. -
Optional
onImageSelected
prop added. This prop takes a function and an optional image object as a parameter. -
isSelected
removed as first class prop on Image (now a prop on the image item passed in) -
Image
onToggleSelected
renamed toonImageSelected
.
- Fixes bug 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.
-
Fixes Bug 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 for the pull request which fixes this issue by assigning src attribute as key.
-
Fixes bug where only thumbnails are updated when images props changes, meaning re-render doesn't happen until window is resized. Thanks again to cust0dian for the pull request which fixes this issue.
-
Construction of thumbnail images and image rows removed from render. Thumbnails and rows now only rebuilt when container size changes.
-
selectedImages
state now set via props change. -
onSelectedImagesChange
callback now called directly fromonToggleSelected
. Previously, a combination of settingselectedImages
state and triggeringonSelectedImagesChange
insidecomponentWillUpdate
caused a double render. -
Internal image access now via state instead of props.
-
Thumbnail generation now atomic function rather than whole array at once.
selectedImages
state set oncomponentWillReceiveProps
allowing selections from outside component to trigger state update.
- Replaced legacy
ref
string withref
callback. Fixes multiple react owner issue when using react-grid-gallery inside a reagent project :)
- Replaced
ReactDOM.findDOMNode(this)
with ref, removed react-dom deps - Added conditional to ensure image onClick not fired when no function specified
- Moved CheckButton styling (color, hoverColor, selectedColor) to props
- Fixed react-dom typo
-
Added option to allow disabling of lightbox image display.
enableLightbox
(PropType.bool, defaulttrue
) -
Added option to allow passing in of function to execute on thumbnail click.
onClickThumbnail
(PropType.func, defaultopenLightbox
)
- Removed darkening effect on thumbnail hover when
enableImageSelection: false
- Handful of code samples and demos added to project page.
- PropType bugs fixed on Gallery and Image
- Gulp task ensenble to clean/build/deploy lib, web (gh-pages) and hacked up cljs js lib
- Project page with examples, docs etc.
- Updated options documentation
- Bumped react-images to v0.4.11
- Enabled preloadNextImage option from react-images
- Removed commentary and dead code
- Replaced simple functions with anonymous inline functions
- Added support for disabling image selection (optional)
- Updated options documentation
- Added support for disabling image selection (optional)
- Updated options documentation
- Added support for onSelectedImagesChange function (optional)
- Updated options documentation
- Added support for all functional lightbox options
- Updated README with options documentation
- Simplified thumbnail viewport
- Fixed aspect bug on shrinkage effect on thumbnail selection
- Shrinkage effect on thumbnail selection
- Darkening effect on thumbnail hover (increases visibility of check button)
- Pointer cursor on thumbnail hover
- Full lightbox functionality provided by react-images by @jossmac
- Auto scaled, clipped and justified images to fit rowHeight prop
- Image selection and gallery level reference to list of selected images