- Update peer dependencies to allow React 17 (levenleven - #1625)
- Use DOM API instead of creating Trusted Types policy to append a markup (shhnjk - #1627)
- Fix bug in WindowScroller::updatePosition (yamadapc - #1642, #1648)
- Fix babel tranform es error (fupengl - #1651)
- Fix issue with unused import being emitted (mewhhaha - #1635)
- Fix grid roles for accessbility (asnewman - #1624)
- README changes
- Make AutoSizer a Component (vzaidman - #1490)
- Update masonry props and docs (seanstrom - #1493)
- CellMeasurer: add registerChild render prop (Hypnosphi - #1477)
- Fix Table class names in documentation (jakemmarsh - #1471)
- Fix style.css import in demo (Dominic0512 - #1466)
- 🎉 Update prettier (wuweiweiwu - #1455)
- 🎉 Remove slack from documentation (wuweiweiwu - #1417)
- 🐛 Fix masionry scroll handler target (chinmay17 - #1420)
- 🎉 AutoSizer support for multi window (mbman - #1421)
- 🎉 Upgrade dom-helpers (dominykas - #1424)
- 🎉 Remove react-vtree from docs (Lodin - #1415)
- 🐛 Fix detection of chrome (nifgraup - #1355)
- 🐛 Fix hostname issues for images (nickstew - #1401)
- 🐛 Fix aria attributes on Table (eps1lon - #1380)
- 🐛 Fix doc typos. (tienpham94 - #1268)
- 🐛 Fix typos in changelog. (misacorn - #1267)
- 🐛 Fix formatting in AutoSizer.md (jacklee814 - #1246)
- 🐛 Fix usage of reduce in InfiniteLoader (jedwards1211 - #1277)
- 🎉 Migrate from classnames to clsx (TrySound - #1306)
- 🐛 Ensure a string title for header (oakfang - #1321)
- 🎉 Use sparse array for cell position caches (trxcllnt - #1312)
- 🐛 Fix scrollToPosition (jaycrypto - #1288)
- 🎉 Added new use case example for CellMeasurer. (wuweiweiwu - #1168)
- 🎉 Added react-timeline-9000 as a related library. (vasdee - #1197)
- 🐛 Fix CellMeasurer docs with correct import statement. (skipjack - #1187)
- 🐛 Fix broken Slack badge. (slieshke - #1205)
- 🐛 Fix type in CellMeasurer example. (rloqvist - #1190)
- 🐛 Fix Table aria attributes. (jsomsanith - #1208)
- 🐛 Removed unused variable in Masonry example. (ignocide - #1218)
- 🎉 Add onColumnClick to Table. (grahamlyus - #1207)
- 🎉 Allow users to override default table row styles. (emroussel - #1175)
- 🐛 Removing
sideEffects: false
from package.json. (wuweiweiwu - #1163) - 🐛 Prevent early
debounceScrollEndedCallback
. (Gvozd - #1141) - 🐛 Fix
scrollToIndex
behavior inInfiniteLoader
. (mengdage, dcolens - #1154)
- 🎉 Code of Conduct and updated Issue/PR templates. (aem - #1052)
- 🐛 Make scrollTo{Column,Row} take precedence over scroll{Left,Top}. (wuweiweiwu - #1130)
- 🐛 No
setState(null)
. (wuweiweiwu - #1129) - 🎉 New
isScrollingOptOut
prop forGrid
that prevents re-rendering on scroll-end. (wuweiweiwu - #1131) - 🐛 Updated npm badge link. (SpainTrain - #1146)
- Updated react-lifecycles-compat to 3.0.4. (pigcan - #1114)
- Replaced
componentWillMount
,componentWillReceiveProps
, andcomponentWillUpdate
with async-safe lifecycles in advance of React 16.x deprecation warnings. Added react-lifecycles-compat as a dependency, to ensure backwards compatibility. - Public flow interface for
CellMeasurer
. (diogofcunha - #1058) - Improved build by setting
sideEffects
tofalse
. (0xR - #1064) - 🐛 Fix flow type checks. (RyanLiu0235 - #1066)
- Rollup for UMD build. (TrySound - #994)
- Row direction support for
Masonry
(bardiarastin - #1071) - Add lint-staged and precommit hooks (TrySound - #1082)
- Add
scrollToRow
andscrollToColumn
support for ssr. (microcood - #1072) - Add
getTotalRowsHeight
andgetTotalColumnsWidth
toGrid
. (nihgwu - #1022) - Allow top-right and bottom-left scrollbars in
MultiGrid
be hidden. (RaviDasari - #1040) - Documentation changes
- Added
forceUpdateGrid
documentation forMultiGrid
. (kartikluke - #1079) - 🐛 Fixed typo in
Grid
docs. (r-kot - #1092) - 🐛 Fixed typo in
Collection
docs. (skipjack - #1050) - Added dynamically measured images example for
Masonry
. (kirill-konshin - #1081)
- Added
- 🐛 Revert changes > 9.18.0
- ✨ Add
onScrollbarPresenceChange
prop toMultiGrid
.
- 🐛 Fix
Grid
server-side rendering which was broken after natural scrolling tweak in Chrome. (TrySound - #970)
- 🐛
CellMeasurer
works properly in iframes and popup windows. (dfdeagle47 - #968)
- More natural scrolling speeds for large lists in Chrome. (TrySound - #936)
- Support for multi-column sort added to
Table
component. Read more about this here. Special thanks to CzBuCHi for the initial proposal and iteration in PRs #946 and #957. (bvaughn - #966) - ✨ Improved
Table
performance for cases with large numbers of columns. (gannunziata - #942) - 🐛 Fixed potential initial render bug when using
CellMeasurer
with aList
. (OriR - #959) - 🐛
Masonry
component now renders at least one column to avoid an invalid, Infinity height layout issue. (djeeg - #961) - 🎉 Optional
className
andstyle
props added toAutoSizer
component.
- 🐛 Run server-side rendering tests under pure node environment and fix SSR in
WindowScroller
(TrySound - #953) - 🎉 Warn on passing wrong value to registerChild in
WindowScroller
(TrySound - #949) - 🐛 Fixed overrided merge
WindowScroller
scrollElement prop type (TrySound - #948) - 🎉
AutoSizer
(via thedetectElementResize
helper) now supports properly rendering into iframes and child windows (ahutchings - #900)
- 🐛 Fixed window check for SSR in
detectElementResize
(eqyiel - #945) - 🎉 Allowed custom
WindowScroller
child withregisterChild
in children function (TrySound - #940 and #947) - 🐛 Fixed
WindowScroller
scrollElement prop type (TrySound - #939)
- 🎉 Detected
WindowScroller
container (not only window) resize similar toAutoSizer
(TrySound - #918) - 🐛 Prevented position breaking on
WindowScroller
container resize (TrySound - #920) - 🎉 Published
AutoSizer
Flow types (TrySound - #934) - 🎉 Published
WindowScroller
Flow types (TrySound - #915)
- 🐛 Fixed server-side rendering bug in
WindowScroller
with undefinedwindow
variable.
- 🎉 Added
serverHeight
andserverWidth
props toWindowScroller
for better server-side rendering support.
- 🎉 Added
headerStyle
support forTable
columns (@mucsi96 - #877) - 🐛 Fixed
Masonry
bug that caused cells to be unnecessarily destroyed and then recreated when new cells were measured - d561d9c
- 🎉 Added
defaultWidth
anddefaultHeight
props toAutoSizer
to better support server-side rendering.
- 🐛
Masonry
component now properly pre-renders as specified byoverscanByPixels
- 🐛
List
andGrid
scroll snapping / resetting bugfix #825 by @TrySound - 🐛
MultiGrid
crash due toscrollTo*
prop beingNaN
#829 by @mcordova47 - 🐛
MultiGrid
invalidtabIndex
prop type #818 by @kalley - 🎉 Column default sort direction #833 by @mbseid
- 🐛 Server-side rendering
window
reference bugfix - 🐛
Grid.defaultProps
bugfix
- ✨
Grid
usesrequestAnimationFrame
instead ofsetTimeout
for improved scroll-ended debounce timing (@guilhermefloriani - #742) - 🎉
onRowRightClick
prop added toTable
(@damian-codilime - #741) - 🎉
Table
component now allow children that extendColumn
(@CptLemming - #748) - 🐛 Firefox edge-case bugfix (@ReinAkane - #798)
- 🎉
containerProps
prop added toGrid
(@implausible - #778) - ✨
Grid
accessibility improved via better aria attributes (@smockle - #744) - ✨
CellMeasurererCache.clearAll
also sets row and column counts (@tcosentino - #796)
- 🎉
InfiniteLoader
API methodresetLoadMoreRowsCache
accepts optional parameter to auto-reload most recent range of rows. (@BamaBoy - #704) - 🎉
MultiGrid
now supports scrolling when hovering over fixed rows or columns by way of newenableFixedColumnScroll
andenableFixedRowScroll
props. (@danalloway - #708) - 🎉
WindowScroller
supports new configurablescrollingResetTimeInterval
prop (similar toGrid
). (@djeeg - #728) - 🐛 Edge-case bugfix for style caching of
Grids
locked withScrollSync
. (@nathanpower - #727) - ✨ New
onScrollbarPresenceChange
prop added toGrid
.
- 🎉
WindowScroller
supportsscrollToIndex
prop. (@leoasis - #643) - 🎉 Allow
ArrowKeyStepper
to be used as a controlled component. (@mking-clari - #688) - 🎉New
handleScroll
method onGrid
to better support custom scrollbars. (@5angel - #693) - 🐛 Added edge-case guard to
WindowScroller
to prevent callingsetState
when unmounted. (@liorbrauer - #689) - 🐛 Fixed edge-case in
Grid
where setting an initial scroll-to offset with aheight
orwidth
of 0 caused the scroll-to prop to be ignored when size later changed. (#691)
- ✨ Better aria roles set for
Table
column cells and headers. (@jchen527 - #681) - 🐛
CellMeasurer
restoreswidth
andheight
style
values after measuring to avoid edge-case layout bugs. (@marcelmokos - #675)
- ✨ Improved performance for
CellMeasurerCache
by removing some unnecessary computations for fixed-width/fixed-height use cases. (@RaviDasari - #676) - 🐛
MultiGrid
ensures correct row/column indices are passed toCellMeasurerCache
for top-right and bottomGrid
s. (#670)
- 🎉 Add
nonce
attribute toAutoSizer
for better Content Security Policy compliance. (@akihikodaki - #663) - ✨
Column
renderers now accept acolumnIndex
parameter as well. This allows multipleTable
columns to more easily useCellMeasurer
to compute the min row height. (@BamaBoy - #662)
- ✨ Removed lingering
React.PropTypes
reference inInfiniteLoader
.
- ✨ Added
prop-types
dependency to avoid deprecation warnings for React 15.5+.
- Added public animation-friendly API methods to
Grid
/List
/Table
for an alternative to props-based animating. (@imadha - #641)
- 🐛 Fixed module syntax error in vendered file.
- 🎉
WindowScroller
andGrid
now support horizontal window-scrolling via newautoWidth
property. (@maxnowack - #644) - 🐛 Fixed a Content Security Policy (CSP) issue in an upstream dependency that impacted users of the
Masonry
component. For more information see issue #640. - ✨
List
andTable
always overscan 1 row in the direction not being scrolled to better support keyboard navigation (via TAB and SHIFT+TAB). For more information see issue #625. - ✨
Grid
no longer alters scroll direction for one axis (eg vertical) if a scroll event occurs for another axis (eg horizontal).
- 🎉
Grid
supports state-override ofisScrolling
value via newisScrolling
prop. This enables cache-while-scrolling of cells when used withWindowScroller
. (@olavk - #639)
- 🐛 Small accessibility fix to
MultiGrid
so that focus outline shows through by default for main (bottom/right)Grid
. Top and leftGrid
s are also not tab-focusable by default now since they are scroll-observers anyway. - ✨ Added
columnWidth
parameter toColumnSizer
and deprecatedgetColumnWidth
callback. The callback was not necessary sincecolumnWidth
doesn't change without a re-render and fixed number values perform better inGrid
due to some internal optimizations anyway.
- 🐛 Edge-case
InfiniteLoader
bug fix; prevent jumping to the first row when scrolling fast. (@reVrost - #632) - 🐛 Reverted unexpected regression from #616 until a safer fix can be found.
- 🎉 New
Masonry
component optimized for Pinterest-style layouts. Check out the docs and demo page to learn more. (#618) - 🎉
MultiGrid
supportsscrollLeft
andscrollTop
props for controlled scrolling. (@julianwong94 - #624) - 🎉 New
direction
parameter passed tooverscanIndicesGetter
with values "horizontal" or "vertical". (@offsky - #629) - ✨ Replaced inline
require
statement with headerimport
inGrid
for better integration with the Rollup module bundler. (@odogono - #617) - 🐛 Improved guard for edge-case scrolling issue with rubberband scrolling in iOS. (@dtoddtarsi - #616)
- ✨ Replaced
getBoundingClientRect()
with slightly fasteroffsetWidth
andoffsetHeight
inside ofAutoSizer
. - ✨
AutoSizer
no longer re-renders nor callsonResize
callback unlesswidth
and/orheight
have changed (depending on which properties are being watched).
- 🎉 Added
resetLoadMoreRowsCache
method toInfiniteLoader
to reset any cached data about loaded rows. This method should be called if any/all loaded data needs to be refetched (eg a filtered list where the search criteria changes). (#612)
- 🐛
CellMeasurer
should work better out of the box withMultiGrid
. - 🐛
CellMeasurerCache
should return correct values fromrowHeight
andcolumnWidth
functions whenkeyMapper
is used. (#613)
- 🐛 Fixed small scrollbar offset bug in
MultiGrid
. (#609)
- 🐛 Fixed potential scrollbar offset bug in
MultiGrid
by giving top and leftGrid
s a little extra space to scroll into. (#535)
- 🎉 New
Table
prop,headerRowRenderer
. (@kaoDev - #600) - 🎉 All
Table
event handlers now receive a namedevent
params (@paulbrom - #605) - 🎉 Aria roles for
Table
improved to specifyrole="row"
for table rows androle="rowgroup"
for innerGrid
. (@jchen527 - #607) - 🐛 Calling
scrollToRow
forList
orTable
no longer potentially messes up horizontal scroll position. (#603)
- 🎉 Public method
setScrollIndexes
added toArrowKeyStepper
to enable easier overrides of current/default focused cell. - (@alexandro81 - #592) - ✨ Replaced
value instanceof Function
checks withtypeof value === 'function'
for improved robustness with iframes/frames/popups. (Learn more here.) (@rickychien - #596) - 🐛
Grid
propsscrollToColumn
andscrollToRow
as well asCollection
propscrollToCell
now default to-1
to avoid false positives fromnull>=0
check. - (#595)
- 🎉 Explicitly set
width
/height
style to "auto" before re-measuringCellMeasurer
content so that new measurements can be taken. (#593) - 🐛 CellMeasurerCache now correctly recomputes cached row height and column width values when cells are cleared. (#594)
- 🐛 Moved flow-bin from 'dependencies' to 'devDependencies'. This was accidentally placed as a dep before.
- 🐛
Grid
takes scrollbar size into account when aligning cells forscrollToColumn
orscrollToRow
usage. (#543)
- 🎉 Added additional DEV-only warnings for improperly configured
CellMeasurerCache
based on user-feedback for the new API. - 🐛 Fixed edge-case where restoring
columnCount
from 0 wouldnt properly restore previousscrollToRow
offset (and vice versa forrowCount
andscrollToColumn
) - Updated
Grid
andCollection
to move some state-setting logic related to offsets fromcomponentWillUpdate
tocomponentWillReceiveProps
. This change should have no externally visible impact. (#585)
- 🐛 Edge-case bug with scroll-to-index and cell size function property (#565)
- 🐛 Edge-case bug with
WindowScroller
and mockedwindow
object
Version 9 changes and upgrade steps are described in detail on the version 9 pull request.
- 🐛 Better guard against minification/uglification in
ColumnSizer
when verifying child is either aGrid
or aMultiGrid
. (#558)
- Adding missing
scrollToRow
method toList
andTable
(as pass-thrus forGrid.scrollToCell
). - 🐛 Bugfixes with
MultiGrid
resize handling and caching. (@codingbull - #552) - 🐛 List checks it row-style object has been frozen before modifying width; (fix for upcoming React 16 change).
- 🐛
MultiGrid
better handles case whererowCount === fixedRowCount
.
- 🐛 Added
MultiGrid
methodmeasureAllCells
; deprecated misnamedmeasureAllRows
method.
- 🐛 Fixed regression in
WindowScroller
when browser is resized. (@andrewbranch - #548)
- 🐛 Minor Preact compat fix to element resize detector; see developit/preact-compat/issues/228
- 🎉 New
scrollToCell
public method added toGrid
.
- 🎉
WindowScroller
supports custom target element via a newscrollElement
prop; defaults towindow
for backwards compatibility. (@andrewbranch - #481) - 🐛
MultiGrid
supportsonScroll
property. (@Pana - #536) - 🎉 New id-based
CellMeasurer
cell size cache,idCellMeasurerCellSizeCache
. (@bvaughn - #538)
- New
MultiGrid
reduces the boilerplate required to configure aGrid
with fixed columns and/or rows. defaultTableRowRenderer
passes newrowData
param to event handlers (in addition toindex
).- 🐛 Styles are no longer cached while scrolling for compressed lists (@nickclaw - #527)
- 🐛 Cell cache is reset once
InfiniteLoader
load completes (@nickclaw - #528) - Add loose-envify support for Browserify users (@chrisvasz - #519, #523)
dom-helpers
dependency relaxed to support 2.x and 3.x versions (@danez - #522)- 🐛
Collection
no longer drops itsoverflow
style in certain conditions; see facebook/react/issues/8689 for more info.
Fixed a bug with Grid
style-cache that caused stale cell-sizes to be used when Grid
resized.
Grid
now temporarily caches inline style objects to avoid causing shallow compare to fail unnecessarily (see PR 506).
AutoSizer
internal detectElementResize
library now no longer creates duplicate <style>
tags when unmounted and remounted (see PR 507).
Reverted part of the change introduced in version 8.6.0 that changed the behavior regarding controlled/uncontrolled scrollTop
and scrollLeft
props and Grid
in a way that was not backwards compatible. (See issue #490 for more.)
Added updatePosition
to WindowScroller
to handle case when header items change or resize. WindowScroller
also better handles window resize events.
Updated CellSizeCache
interface for the better perfomance by removing has
methods, reducing a double hashtable lookup to a single lookup. Special thanks to @arusakov for this contribution!
CellMeasurer
passes index
param (duplicate of rowIndex
) in order to more easily integrate with List
by default.
Grid
now better handles a mix of controlled and uncontrolled scroll offsets. Previously changes to one offset would wipe out the other causing cells to disappear (see PR #482). This is an edge-case bug and only impacted an uncommon usecase for Grid
. As such this change is expected to only impact only a small percetange of users.
Changed overscan rows/cols behavior as described here. This change targets performance improvements only and should have no other noticeable impact.
Added guard against potential null
return value from getComputedStyle
for hidden elements (see PR #465).
Table
header height is no longer subtracted from overall (rows) height if header is disabled.
Thanks to @Jakehp for this contribution!
Added disabled
property to ArrowKeyStepper
; when true
this component ignores keyboard events.
Collection
and Grid
now set a default direction: ltr
style property.
Neither component gracefully handles RTL layout at the moment and so it is disabled by default.
Cells within either component can be layed out RTL without any problem though.
To do so, just add an additional direction: rtl
style property via the cell renderer.
ArrowKeyStepper
incrementing behavior can now be further customized via new mode
prop.
Default behavior will remain the same (eg mode='edges'
).
Use mode='cells'
to prefer smaller increments.
Fixed scrollToAlignment
bug in Collection
that caused cells not to render under certain conditions.
Special thanks to @coluccini for spotting and fixing this bug!
cellRenderer
and rowRenderer
callbacks now accept an additional property, isVisible
.
This property can be used to differentiate between visible and overscanned cells.
Thanks to @mbrevda for this feature!
Added optional id
prop to Collection
, Grid
, List
, and Table
.
Thanks to @mnquintana for the contribution!
Wrapped component propTypes
with process.env.NODE_ENV !== 'production'
so they can be stripped from production builds.
Thanks to @mbrevda for the suggestion and contribution.
Added containerStyle
property to Grid
.
This property allows custom styling to be applied to the inner cell-containing div.
This can be used to enable padding within the grid.
For more context see: github.com/metabase/metabase/pull/3547
Refactored the detect-element-resize
util to export a factory function.
This allows AutoSizer
to import it initially but defer execution until mounted.
(Executing immediately causes problems for server-side rendering context.
Using a deferred require
causes problems for es6 bundlers, eg Rollup.)
Fixed an edge-case that occurred for slower browsers when mounting and then quickly unmounting an AutoSizer
.
In some cases, an animation event was left attached.
This event is now specifically checked for and removed.
Special thanks to @yb (PR #436) for this bugfix contribution.
Replaces references to getComputedStyle
with window.getComputedStyle
to better support Enzyme.
Thanks to @DevinClark for the contribution!
Added "module" entry to package.json
in order to support ES modules with the latest Webpack.
This should enable tree-shaking support ouf of the box for Webpack.
Rollup will continue to use the "jsnext:main" entry to my knowledge.
For more info see https://github.com/dherman/defense-of-dot-js/blob/master/proposal.md Related issues: webpack/webpack#1979, /issues/427
Fixed an invalid export for IS_SCROLLING_TIMEOUT
inside the WindowScroller
module.
Changed the embedded detect-element-resize
library includes
call to use indexOf
instead for better IE compatibility.
scrollToColumn
and scrollToRow
offsets will always be 0 when Grid
size is <= 0.
Technically this is an invalid size but a 0 offset is a more meaningful return value.
Previously the min/max offset check could result in a positive offset in this case (which is invalid).
Fixes bug in resize detector that broke scrollbar functionality in Safari.
Fixed a small Table
alignment issue due to conflicting padding-right
and width: 100%
value.
Also fixed an edge-case horiztonal scrollbar that was appearing for some tables.
Updated the embedded detect-element-resize
library to reduce the number of reflows it triggered.
This library was forcing reflow (to measure itself) each time a scroll event occurred within its children.
This was unnecessary since it really only cared about resizes to its expand-trigger and collapse-trigger.
I have updated it to ignore scroll events triggered by other DOM elements.
As a result of this change, AutoSizer
no longer needs to trap bubbling "scroll" events.
This opens the door to potentially using passive scroll event handlers in the future.
It also fixes a long-standing bug that prevented scrollbars from working correctly within auto-sized-content.
Grid
notifies onScroll
callback if scrollLeft
or scrollTop
have changed in response to prop changes (including scrollToColumn
or scrollToRow
).
Fixed a small regression in the Table
component that caused a horizontal scrollbar to appear.
Removed unnecessary react-router
dependency.
(This was accidentally added as to dependencies
when it should have been in devDependencies
).
Improved fix for regression with scaled Grid
s that caused position offsets to be incorrect while scrolling.
Initial attempt at fixing regression with scaled Grid
s that caused position offsets to be incorrect while scrolling.
Version 8 changes are described in detail on the Version 8 Roadmap. Upgrade instructions and jscodeshift mods can be found here.
ES module build (jsnext:main target) updated to depend on Babel's transform-runtime
rather than referencing global babelHelpers
.
This should fix support within projects like react-boilerplate
.
Grid
and Collection
now set pointer-events: ''
(instead of auto) after scrolling has stopped to avoid overriding parents who may have specified pointer-events: 'none'
.
Refactored AutoSizer
slightly to add support for react-lite
.
Note that if you intend to use the UMD build of react-lite
the following lines are required before react-virtualized
is loaded:
React.addons = {
shallowCompare(context, nextProps, nextState) {
return React.PureComponent.prototype.shouldComponentUpdate(
nextProps,
nextState,
);
},
};
ReactDOM = React;
Added autoHeight
prop to Collection
so that it can more easily be used with WindowScroller
.
Grid
scrolling timeout for pointer events can be customized now via scrollingResetTimeInterval
property.
This defaults to 150ms (as before).
Also addressed a couple of small bugs as well:
- Multiple
WindowScroller
instances can be used on a single page now without interfering with each other'spointer-events
settings. - Calling
recomputeGridSize
onGrid
(or any of its wrapping HOCs) will clear any pending cell cache to avoid edge-case issue where a scrollingGrid
has invalid cached cells due to a change in the underlying collection data.
While a scroll is in progress, Grid
focuses overscan on the direction being scrolled- doubling up the number of overscanned cells.
This reduces the amount of empty space that temporarily appears when a user is quickly scrolling.
It does not increase the overall number of cells being rendered (and so does not negatively impact performance).
In the event that size or cell count decreases for a Grid
, remaining cells are no longer remeasured in order to verify the current scroll offset.
Instead the most recent measurements are used.
This change should positively impact performance but should have no other affect.
InfiniteLoader
now better handles FlexTable
and VirtualScroll
children by calling forceUpdateGrid
when defined.
This prevents rows from being stuck in a visual "loading" state until a user scrolls.
Updated the exported defaultCellMeasurerCellSizeCache
to support configured uniform column widths and/or row heights.
This allows greater customization and flexibility than the version released in 7.21.0.
For backwards compat uniformSizeCellMeasurerCellSizeCache
is still exported but also points to defaultCellMeasurerCellSizeCache
.
Lowered the ScalingCellSizeAndPositionManager
maximum scroll threshold from 10M to 1.5M pixels to accommodate Edge's lower-than-expected scrollTop
maximum.
New cellSizeCache
added for CellMeasurer
(uniformSizeCellMeasurerCellSizeCache
) for cells that have a dyanmic but uniform width or height.
This cache will measure only a single cell and then return its width and height for all other cells.
This allows for greater performance optimization for use cases like virtualized drop-down lists, etc.
Collection
now temporarily caches cells while scrolling is in progress.
Initialize WindowScroller
height to window.innerHeight
if component is initially rendered in the browser.
This fixes temporary zero-height that would cause previous scroll position to be lost when a user navigates back in their history.
Improved memoization in InfiniteLoader
to reduce repeated calls to loadMoreRows
.
Edge-case bug fix for WindowScroller
when user returning to a page (via browser back button) that has already been scrolled. Previously, WindowScroller
failed to correctly calculate its position from the top under these conditions. Now it calculates the proper position.
WindowScroller
auto-restores body pointer-events when unmounted to fix edge-case bug when component was unmounted during (or right after) scrolling.
CellMeasurer
now properly uses shallowCompare
.
It also supports a custom caching strategy for measured cell sizes (see cellSizeCache
prop).
Collection
supports 2 new properties: horizontalOverscanSize
and verticalOverscanSize
.
These properties enable the Collection
to "overscan" its content similar to how Grid
does.
This can reduce flicker around the edges when a user scrolls quickly.
Fixed edge-case scroll-to-cell bug in Grid
when row or column count increases from 0 after a scroll-offset was previous assigned.
For more info see issue #218.
Added named exports for defaultFlexTableCellDataGetter
, defaultFlexTableCellRenderer
, and defaultFlexTableHeaderRenderer
due to user request.
Fixed a Collection
bug that could cause the noContentRenderer
to be shown when a collection happened to contain no visible children (due to a sparse layout).
CellMeasurer
exposes 2 new public methods: resetMeasurementForColumn
and resetMeasurementForRow
.
These methods allow a finer grain of control over the cell measurement cache.
Learn more here.
Added new property autoContainerWidth
to Grid
.
It can be used to set the width of the inner scrollable container to 'auto'.
This is useful for single-column Grids to ensure that the column doesn't extend below a vertical scrollbar.
By default this is disabled but VirtualScroll
and FlexTable
both enable it on their inner Grid
s.
Renamed Grid
refs within FlexTable
and VirtualScroll
from _grid
to Grid
.
This is done to better support interoperability between FlexTable
and react-sortable-hoc
which requires a handle on the inner Grid
.
Technically the change is not required but it is more inline with JavaScript naming conventions (since I plan to preserve this property from an Api perspective).
Added support for greater FlexTable
customization via a new rowRenderer
property.
Also exported default implementation as defaultFlexTableRowRenderer
.
Learn more here.
WindowScroller
component passes new named argument, isScrolling
, to its child render function.
Added onRowDoubleClick
support to FlexTable
.
CellMeasurer
implementation changed to use ReactDOM.unstable_renderSubtreeIntoContainer
instead of ReactDOMServer.renderToString
in order to support context
.
Grid
has been changed slightly as well to calculate its visible children just before render
(instead of in it).
This change is not expected to have any public-facing consequences beyond supporting the context
property for CellMeasure
d cells.
Thanks to @jquense for this contribution!
User-specified Grid
and Collection
styles can now override default style options (eg overflow, height/width).
Fixed unexpected usage of recomputeRowHeights
/ recomputeGridSize
where method is called with an index higher than the last measured row/cell index.
Cell measurer now properly updates the value only if the requested index is lower than the most-recently-measured cell.
FlexTable
rowStyle
property can now be a on Object or a function similar to the rowClassName
property.
Fixed edge-case bug previously possible when combining the scrollToAlignment
property with scrollToRow
or scrollToColumn
at the end of a collection.
Under certain circumstances this caused the grid to scroll too far; that has now been resolved.
Center-alignment logic has also been improved to better align scrolled cells.
Removed xmlns
property from <svg>
tag in SortEditor
to avoid React 15.2 property warning.
Fixed CellMeasurer
throws "Only a ReactOwner can have refs" error.
Small change to inline styles for Grid
to work around obscure bug where an initial scroll offset prop is specified before external CSS stylesheets have loaded.
Added more pass-thru props from VirtualScroll
to Grid
to ensure that when VirtualScroll
re-renders (due to changed props) so does its inner Grid
.
Both components are still "pure" (from a shallow comparison perspective).
Updated Grid
and VirtualScroll
so that the width of rows in a VirtualScroll
does not stretch beneath a scrollbar (if one is visible).
Added more pass-thru props from FlexTable
to Grid
to ensure that when FlexTable
re-renders (due to changed props) so does its inner Grid
.
Both components are still "pure" (from a shallow comparison perspective).
This just avoids the unintuitive use-case where some table properties (eg headers) may change while others (eg rows) do not.
Updated UMD build to remove react-addons-shallow-compare
from the build.
UMD users should use react-with-addons.min.js
(should have already been using it in fact) instead of react.min.js
.
Thanks to @ducky427 for reporting this oversight and updating the Webpack config!
The recomputeRowHeights
method of FlexTable
and VirtualScroll
accepts an optional index (defaults to 0) after which to recompute sizes.
The recomputeGridSize
method of Grid
accepts named columnIndex
and rowIndex
parameters tha function similarly.
This allows for a finer grained optimization when invalidating a collection. If, for example, a specific row in a table has resized- it is now possible to recompute the positions of only the rows occurring after this row. Because of the way react-virtualized just-in-time measures rows, this will also avoid re-measuring any but the visible rows at the time of the change.
If several items in the collection have changed and you are unsure of which, it is safest to recompute all columns/rows. This remains the default behavior unless override indices are specified as parameters.
New gridClassName
and gridStyle
pass-through properties added to FlexTable
.
Fixed edge-case bug in FlexTable
that caused the inner Grid
not to update when there was a vertical scrollbar.
This in turn caused headers to be misaligned.
Added forceUpdateGrid
method to FlexTable
and VirtualScroll
to enable the inner Grid
to be udpated without resorting to recomputing cached row heights.
Grid
no longer checks scrollTop
when autoHeight=true
in order to avoid unnecessary reflows/repaints.
This change only impacts WindowScroller
use cases.
Fixed edge-case problem with FlexTable
where changes to the number of children (FlexColumn
s) didn't update the inner Grid
.
Reverted default tabIndex = null
value for Grid
(introduced in 7.8.0) due to a negative accessibility impact.
A focused Grid
paints significantly more while scrolling which impacts FPS.
Unfortunately it is a necessity to support keyboard scrolling properly and so it's the default once more.
This can be explicitly disabled by setting tabIndex = null
if you want.
Scrolling performance improvements for FlexTable
and to a lesser extent Grid
.
The primary change to Grid
is that tabIndex
will be set to null
by default instead of 0
.
This improves repainting performance when a Grid
is being scrolled.
This release removes the FlexTable__truncatedColumnText
wrapper column and collapses its styles into FlexTable__rowColumn
.
If you were depending on the former class you will want to update your dependencies.
I was on the fence about this in terms of compatibility, but I feel this is more of an internal implementation detail than it is public-facing API.
This release also changes the primary FlexTable
cell from a flex container to a block.
This means that if you were right-aligning text within a column you will need to change from align-items: flex-end
to text-align: right
.
Export the defaultCellRangeRenderer
used by Grid
in order to enable easier composition.
Added configurable tabIndex
property to Grid
, FlexTable
, and VirtualScroll
.
Default value remains 0 but can now be overridden.
New property added to Grid
, FlexTable
, and VirtualScroll
to enable custom CSS class name and style to be added to the outer cell decorator.
This can be used to greater customize styles as well as to better implement custom (non-flexbox) styles for IE9.
Thanks to nicholasrq@ for this contribution!
New WindowScroller
HOC added to enable a FlexTable
or VirtualScroll
component to be scrolled based on the window's scroll positions.
This can be used to create layouts similar to Facebook or Twitter news feeds.
Big thanks to minheq@ for this contribution!
Added mouse-over and mouse-out row-level events to FlexTable
. Thanks to @queeto for the PR!
Fixed unintention regression in IE10 support introduced with ScalingCellSizeAndPositionManager
extending CellSizeAndPositionManager
.
Inheritance has been replaced with composition for this case in order to simplify IE10 compatibility.
Notice that Babel babel-polyfill
is still required in order to support other ES5 features.
Edge-case bug fix for CellMeasurer
in the event that its getRowHeight
or getColumnWidth
method gets called before the initial render completes.
Increased the safe-scale size from 1,000,000 to 10,000,000 to make for better UX.
Grid
(and its HOCs FlexTable
and VirtualScroll
) now support larger heights and widths than browsers support natively.
For example, the current version of Chrome will not allow users to scroll pass ~33.5M pixel offset.
To work around this limitation, Grid
increases the density of cells, shifting them as a ratio of what the full scrollable size would be to a browser-safe size.
This should be more or less transparent to users, although in extreme cases it can lead to really sensitive scroll responsiveness.
Added new method- measureAllCells
- to Grid
, FlexTable
, and VirtualScroll
to force-measure all cells.
This supports special use-cases where deferred measuring is not desired.
Added estimatedRowSize
property to FlexTable
and VirtualScroll
to be passed through to the inner Grid
.
Also added guard to ensure the onScroll
callback for Collection
, Grid
, FlexTable
, and VirtualScroll
is never called with a negative number.
The inner javascript-detect-element-resize library used by AutoSizer
now passes the proper useCapture
value when removing listeners as well. This should prevent lingering event listeners in certain cases. Thanks to @cyberxndr for this fix.
Added "center" option for scrollToAlignment
property of Collection
, Grid
, FlexTable
, and VirtualScroll
.
Thanks to @edulan for the contribution!
Also added a check to avoid rendering content frmo noContentRenderer
if width
or height
are 0.
Resolved edge-case bug that caused the bottom/right cells in a Grid
or Collection
to be partially overlapped by a scrollbar.
Thanks to @anjianshi for reporting this and collaborating on the fix!
Added scrollToAlignment
property to Collection
, Grid
, FlexTable
, and VirtualScroll
to offer finer-grained control of how scrolled-to cells are aligned.
Default behavior ("auto") remains unchanged- the least amount of scrolling will occur to ensure that the specified cell is visible.
Fixed edge-case bug where InfiniteLoader
did not respect minBatchSize
setting when a user was scrolling up.
Added scrollLeft
and scrollTop
parameters to cellRangeRenderer
callback for Grid
.
Added box-sizing: border-box
rules to .FlexTable__headerRow
and .FlexTable__Grid
classes to fix edge-case scrollbar bug experienced by some users.
Added recomputeCellSizesAndPositions
method to Collection
(to pass through to inner CollectionView
).
Replaced single occurence of Number.isNaN
with isNaN
to avoid IE compatibility issues.
Version 7 changes are described in detail on the Version 7 Roadmap wiki page. Upgrade instructions and jscodeshift mods can also be found there.
To run a code mod, check out react-virtualized (or download the codemod) and then...
jscodeshift -t /path/to/react-virtualized/codemods/6-to-7/rename-properties.js source
Fixed edge-case bug in Collection
where initial scrollLeft
and scrollTop
would not correctly adjust inner offsets.
Thanks @edulan for the contribution!
Added better checks against invalid style properties in AutoSizer
to protected against the case when it is removed from the DOM immediately after being added.
Added new minimumBatchSize
property to InfiniteLoader
to simplify HTTP request batching.
Fixed edge-case NPE with AutoSizer
when it is unmounted immediately after being mounted.
Fixed off-by-one for InfiniteLoader
that caused it to request one too many rows when scrolled to the end of the list.
FlexTable
supports true
, false
, undefined
, and null
children now to more easily enable support for dynamic columns (see issue #174).
Improved edge-case handling for changes to cell counts when scroll-to-index properties have been set.
Added new Collection
component for rendering non-checkboard data.
This component's cells can be positioned in any arrangement, even overlapping.
Note that because it has fewer constraints, Collection
cannot compute positioning and layout data as fast as Grid
.
Moved react-addons-shallow-compare
from dependencies
to peerDependencies
.
Updated React dependency ranges now that 15.0 has been released.
Grid
supports a new renderCellRanges
property for customizing the rendering of a window of cells.
This function should implement the following signature:
function renderCellRanges ({
columnMetadata:Array<Object>,
columnStartIndex: number,
columnStopIndex: number,
renderCell: Function,
rowMetadata:Array<Object>,
rowStartIndex: number,
rowStopIndex: number
}): Array<PropTypes.node>
Fixed dependency ranges for react-addons-shallow-compare
and react-dom
.
Added key handling to sortable FlexTable
headers so that ENTER and SPACE keys can be used to toggle sort direction.
Added conditional checks to when aria-label
, role
, and tabIndex
get attached to FlexTable
headers and rows.
These a11y properties are only added when on-click or sort handlers are present.
Added aria-label
and role
attributes to FlexTable
, Grid
, and VirtualScroll
components to fix a11y issues reported by reactjs/react-a11y.
Thanks to @globexdesigns for the contributions!
Separated horiontal and vertical Grid
metadata calculation to avoid unnecessarily recomputing row metadata for FlexTable
s and VirtualScroll
s when a browser's window is resized, for example.
Also replaced columnWidth
and rowHeight
getter uses in Grid.render
in favor of cached cell metadata instead.
Small update to FlexTable
to move the rowGetter
call outside of the column loop to reduce the number of times that method gets called.
Added transform-react-inline-elements to UMD build for minor runtime performance improvements. This change does not effect CommonJS or ES6 module builds because I did not want to remove prop-type checks. You should apply this transformation step as part of your own production build pipeline.
Removed lingering references to react-pure-render
with with shallowCompare
.
This was meant to be part of the initial 6.0 release but was left out accidentally.
Version 6 includes the following changes. (For more background information refer to the Version 6 Roadmap wiki page.) At a high-level the purpose of this release is to improve customization and flexibility with regard to arrow-key event handling.
- Refactored
Grid
to remove arrow-key scroll-snapping. Instead this feature is implemented in a HOC,ArrowKeyStepper
. The upgrade path from React 5.x to 6.x if you want to maintain arrow-key navigation behavior is as follows:
// Before...
<Grid {...gridProps}/>
// After...
<ArrowKeyStepper
columnsCount={columnsCount}
rowsCount={rowsCount}
>
{({ onSectionRendered, scrollToColumn, scrollToRow }) => (
<Grid
columnsCount={columnsCount}
onSectionRendered={onSectionRendered}
rowsCount={rowsCount}
scrollToColumn={scrollToColumn}
scrollToRow={scrollToRow}
{...otherGridProps}
/>
)}
</ArrowKeyStepper>
- The following public methods have also be removed from components:
FlexTable
:scrollToRow
(usescrollToIndex
prop instead),setScrollTop
(usescrollTop
prop instead)Grid
:scrollToCell
(usescrollToColumn
andscrollToRow
props instead),setScrollPosition
(usescrollLeft
andscrollTop
props instead)VirtualScroll
:scrollToRow
(usescrollToIndex
prop instead),setScrollTop
(usescrollTop
prop instead)
- Replaced (the now unsupported)
react-pure-render
withshallowCompare
.
Max scroll position logic in Grid
now takes scrollbar size into consideration.
Also includes a small render
optimization for null cells.
This release made possible by @jquense!
Updated package.json
to support React ^0.14.0
as well as ^15.0.0-rc.1
.
Thanks to @opichals for the PR.
Changed key-down event handler in VirtualScroll
, FlexTable
, and Grid
to no longer call event.preventDefault()
for arrow-key events.
This was causing poor user interactions for <input>
elements within VirtualScroll
and FlexTable
components.
Note that this issue still occurs for <input>
elements in a Grid
component.
This release also removes the outline: 0
default style for Grid
.
After consideration I think that's a harmful default behavior.
Added will-change
property to Grid
to work around a Chrome bug(?) that caused the entire grid to be repainted whenever a new row or column was added. This was negatively impacting scrolling performance for Chrome under certain conditions. This change is not expected to impact Firefox, Safari, or IE.
Also trapped scroll events inside of AutoSizer
so that sdecima/javascript-detect-element-resize
did not treat them as potential resizes and unnecessarily force a sync DOM layout.
Removed two unnecessary method calls in Grid
and replaced them with cached properties. Should offer a minor performance boost.
Added better bounds-checking to util function getVisibleCellIndices()
Removed unnecessary setImmediate
in Grid
initialization code.
This prevents a possible edge-case runtime error when a Grid
is mounted and then removed before setImmediate
is invoked.
ScrollSync
passes additional parameters to child function in order to enable more complex scroll-driven UI changes.
Added optional headerRenderer
property to FlexColumn
to enable custom FlexTable
header cells.
Decoupled x/y axes in Grid
when determining whether or not to enable overflow.
This results in more robustly handling issues like the one reported in PR #133.
It also comes with the small cost of partially obscuring a small part of cells (the area used by a scrollbar).
Fixed edge-case where always-on scrollbars were not hidden once shown (see issue #116).
Separated CommonJS and UMD builds and pointed package.json's main
target at the CommonJS build.
Also moved the ES6 modules build from /es
to /dist/es
to reduce the amount of clutter in the packaged dir.
Changed Grid
child key
attributes again to reduce the number of elements created as a result of scrolling.
This dramatically improves perforamance without introducing any known regressions.
Thanks to @cesarandreu for consulting on this release.
Reverted transform: translate
positioning to old top
/ left
positioning to address performance concerns reported via PR #124 and issue #94.
Updated ES6 module build to be Rollup-friendly by way of es2015-rollup
Babel preset.
Also cleaned up NPM package to suppress unnecessary files (via new .npmignore
).
Fixes long-standing slow wheel scrolling issue that affected certain browsers such as Firefox (see issue #2). Big thanks to James Long (@jlongster), Markus Stange (@mstange), and Dan Abramov (@gaearon) for their help with this fix.
Added optional onResize
callback property to AutoSizer
. This method is invoked any time the AutoSizer
detects a resize. It is passed width
and height
named parameters.
Added optional minWidth
and maxWidth
properties to FlexColumn
to enable greater flexibility with regard to table-column layout.
Marked FlexColumn
width
property as required since ommitting this property can lead to uneven column layouts.
Added ColumnSizer
high-order component for auto-calculating column widths for Grid
cells.
Added webkit-transform
style to Grid
cells for iOS 8 support.
Version 5 includes the following changes.
(For more background information refer to the Version 5 Roadmap wiki page.)
At a high-level the purpose of this release is to make HOCs more easily composible in order to support a wider variety of them in the future.
A secondary goal was to cut redundant code from VirtualScroll
and rely more heavily on the base Grid
component.
- Refactored
FlexTable
andVirtualScroll
to be HOCs that useGrid
internally. This change makeswidth
a required attribute for all virtualized components. A simple upgrade strategy is to use theAutoSizer
HOC (learn more here). - Changed globally exported library name (for use with vanilla
<script>
tags) towindow.ReactVirtualized
instead ofwindow["react-virtualized"]
(see issue #86). - Removed
horizontalPadding
andverticalPadding
properties fromFlexTable
. These properties were redundant. Such padding should be the responsibility of the parent container and taken into consideration by the injectedwidth
andheight
. - Refactored
InfiniteLoader
andAutoSizer
to require function children so as to be more easily composable with each other and new HOCs likeScrollSync
(learn more here). AutoSizer
no longer supports aclassName
property or uses the global 'AutoSizer' class.
- Added ES6 module and
jsnext:main
target to enable tree-shaking support. - Updated
onScroll
property to specific total scrollable area so that offsets can be converted into percentages if desired (learn more here). - Replaced
top
/left
cell positioning withtransform: translate()
for small performance gains. (This may become configurable in the future if any negative impact on performance is noticed.) - Created
ScrollSync
HOC for synchronizing scrolling between two or more virtualized components (learn more here).
FlexTable
and VirtualScroll
get a new property, overscanRowsCount
. Grid
gets overscanRowsCount
and overscanColumnsCount
.
These properties can be used to reduce visual flicker around the sides of virtualized components when quickly scrolling.
overscanRowsCount
defaults to 10 and overscanColumnsCount
defaults to 0; adjust as necessary based on the size of your lists and cells.
FlexTable
sets a default value of 0 for headerHeight
to more gracefully support disableHeader
use case.
AutoSizer
component now takes padding into consideration before setting the width
and height
of its children.
Updated InfiniteLoader
to better reflect required properties. (isRowLoaded
, rowsCount
, and threshold
were not marked as required before.)
Updated InfiniteLoader
to support being composable within an AutoSizer
HOC. If either a width
or height
attribute are specified on InfiniteLoader
they will be bundled through to the loader's child component.
Fixed AutoSizer
bug that caused it to prevent parent flex containers from shrinking in some contexts.
Added scrollToIndex
property to FlexTable
to be passed through to inner Grid
.
Better guard against NaN
values for clientWidth
and offsetWidth
for test environments using jsdom
.
Added react-dom
to the Webpack :externals node to avoid including it in the build.
This fixes the bad 4.6.3
and 4.6.4
builds. Sorry!
Moved react-dom
from dependencies
to peerDependencies
to fix bad 4.6.3
build.
Fixed edge-case sizing bug with FlexTable
headers and always-on scrollbars (see issue #80 for more info).
Replaced single occurence of Number.isNaN
with isNaN
to avoid IE compatibility issues. Maybe in the future I will add a polyfill dependency but I did not intend to introduce this without a major version bump so I'm removing it.
Removes event.stopPropagation
since it was unnecessary to prevent keyboard event bubbling, only to prevent the default browser behavior.
Relocated a couple of static style properties from inline style object to exported CSS file for easier customization.
Added Grid__cell
and VirtualScroll__row
classes.
Added onScroll
callback to Grid
, FlexTable
, and VirtualScroll
.
Added scrollToCell
method to Grid
and scrollToRow
to FlexTable
, and VirtualScroll
.
Added -ms-flex
and -webkit-flex
browser prefixes to FlexTable
cells.
Fixed invalid function reference in Grid
triggered by specifying an initial scrollToRow
property.
Fixed distribution to include new Grid
component as an export.
Added new Grid
component for virtualizing rows and columns .
Updated AutoSizer
component to support managing only width
or height
(in addition to both).
Fixed small CSS property misnaming issue.
FlexTable
now supports dynamic row-heights (in the same way as VirtualScroll
).
Set VirtualScroll
default style to width: 100%
to be more inline with default FlexTable
behavior.
Replaced React.cloneElement
with wrapper element in order to:
- Better support for pure function components; (they were not compatible with inline style positioning).
- Relax the requirement of
rowRenderer
having to specify akey
. - Support
React.PropTypes.node
children (including plain strings, numbers, etc.) instead of just elements.
Added -webkit-overflow-scrolling: touch
for smoother inertial scrolling on mobile devices.
Additional columnData
parameter passed to onHeaderClick
callback.
Removed an unused dependency on 'inline-style-prefixer' from the package.json
.
CSS styles have been split into their own, separately loaded stylesheet. This simplifies universal/isomorphic use cases without breaking vendor prefixing. This change means that you'll need to import the following additional file. This only needs to be done once (usually during bootstrapping).
import 'react-virtualized/styles.css';
In this release the width
property of the FlexTable
component was removed. Tables will now grow to fill 100% of the width of their parent container.
The AutoSizer
's ChildComponent
attribute has been removed in favor of using a regular react child. For example:
<AutoSizer ChildComponent={VirtualScroll} {...props} />
Should instead be this:
<AutoSizer>
<VirtualScroll {...props} />
</AutoSizer>
New onHeaderClick
property added to FlexTable
. Thanks to @olslash for the contribution!
Added high-order InfiniteLoader
component to manage just-in-time fetching of data as a user scrolls up or down in a list.
For more information about this component refer to the API docs.
Fixed small NPE when up/down arrow key was used while an empty VirtualScroll was in-focus.
CSS styles have been split into two groups: functional styles (eg. position
, overflow
) and presentational styles (eg. text-transform
, color
) and both have been converted to inline styles rather than being loaded as CSS. This was done primarily to simplify usage for universal/isomorphic rendering.
For more information on customizing styles refer to the documentation...
Changed Autosizer
component to support a single child instead of the ChildComponent
property.
(For backwards compatibility purposes the ChildComponent
property will continue to be supported.)
Defer loading of element resize code until componentDidMount
to avoid undefined document
and body
references.
This was breaking server-side rendering.
Uglify dist build to remove dead code.
Improved checks for undefined document
and window
in hopes of better supporting server-side rendering.
Replaced invalid rowHeight instanceof Number
check with typeof rowHeight === 'number'
in VirtualScroll
.
Moved onRowsRendered
to componentDidUpdate
(instead of render
) to keep render
free of side-effects.
Added tests to ensure that the callback is only invoked once per start/stop index pair (and not again unless the indices change).
Added check for undefined document
before accessing attachEvent
to avoid causing problems with server-side rendering.
Cell title
now only set if rendered cell contents are a string. This fixes issue #35.
VirtualScroll
and FlexTable
now support dynamic row heights by accepting a function as the rowHeight
property.
Added AutoSizer
component for wrapping FlexTable
or VirtualScroll
and growing to fill the parent container. This should hopefully simplify usage of these components.
FlexTable
and VirtualScroll
offer new callback property onRowsRendered
to be invoked with a params object { startIndex, stopIndex }
after rows have been rendered.
FlexTable
's rowClassName
property can now be either a string or a function in order to support dynamic row classes (eg. alternating colors).
Added onRowClick
property to FlexTable
.
Fixed a few minor FlexTable font styles to use relative sizes instead of custom ones
Added optional noRowsRenderer
property to VirtualScroll
and FlexTable
.
This property can be used to render loading indicators or placeholder content for empty lists.
Set shouldPureComponentUpdate
on component prototypes instead of instances.
Dropped half-ass support for React 0.13. This module has always depended on React 0.14 but it was checking in previous versions and trying to be backwards compatible with 0.13. Since that check is no longer in place, this is a major version bump (even though there is no real new functionality being added).
Fixed package.json dependencies by moving classnames
, raf
, and react-pure-render
out of peerDependencies
and into dependencies
.
Same as version 1.0.2; published just to update NPM keyword and description.
Removed default row-border styling from FlexTable and added new :rowClassName property.
Updated to use ReactDOM.findDOMNode instead of getDOMNode (but added backwards-compatible check for < React v0.14).
Package JSON updated so that "main" entry points to dist/react-virtualized.js
to provide easier integration for users that don't want Babel/Webpack to have to process their node_modules
folder.
Added keypress scrolling support.
Added "main" entry to package.json.
Added CSS auto-prefixing to support Safari and other, older browsers.
Initial release.