- Typecheck in
WidthProviderto satisfy Flow (and technically, this could be a Text node)
- Update Flow
- Reverted #499;
msTransformis indeed correct. See discussion.
- Fixed use of
MSTranformfor IE. Thanks @dvoaviarison (#499) - Fix generation of source maps, which was temporarily broken by the webpack 2 upgrade.
- Update development dependencies and babel version.
- Fixed a minor Flow type issue when a
classnamestypedef is present. - Fixed a scoping issue when running
make build-example.
- New test suite - thanks @nikolas
- Dev Dependency updates
- Committed yarn.lock
- Added
react-draggableclassname to draggable grid items.
- Fixed sorting of layout items, which could be different in IE if two items have the same x & y coordinate.
- See #369.
- Fixed breakage introduced in
0.13.7when items are added without a layout ordata-gridproperty.- See #368.
- Fixed an error during layout sync if children was a keyed fragment or had nested arrays.
- Fixed
onLayoutChangebeing called when layout didn't change. - Fixed some issues with input layout items being modified in-place rather than cloned.
- Minor typos.
- Fixed missing HTMLElement in
onResize*callbacks.
- Fixed a few Flow typing errors in
WidthProvider.
- Fixed potential call to
ReactDOM.findDOMNode(this)after unmount ofWidthProvider. - Fixed an issue where layout items using
data-gridcould rearrange on mount depending on how they were ordered.- See #342 for reference.
- Fixed
lodash.isequalimport, which was ruined by case-insensitive HFS+ shakes fist
- Diffing children in order to regenerate the layout now diffs the
keyprops and their order.- This will catch more changes, such as sorting, addition, and removal.
- Only pass
classNameandstyleto WidthProvider. Other props were not intended to be supported.- I'm aware this could be a breaking change if you were relying on this bad behavior. If so, please
use your own
WidthProvider-style HOC.
- I'm aware this could be a breaking change if you were relying on this bad behavior. If so, please
use your own
babel-plugin-transform-flow-commentshad limited support for defining types like transpiled classes.- This has been updated to instead copy source to
.js.flowfiles, which preserves all type information.
- This has been updated to instead copy source to
- Fix remaining
propTypeswarnings.
- Due to a change in React 15.2, passing the
_gridproperty on DOM children generates an error. To compensate, we now error on the same and suggest usingdata-gridinstead. Simply change any use of_gridtodata-grid, or add your properties to the layout.
- Fix React 15.3 warning re: propTypes.
- Prevent extraenous rerenders in
<ResponsiveReactGridLayout>by using deep equality on layouts.
- Fix blindingly obvious bug where mounted isn't set to true. Smack forehead.
- Fixes for server rendering checksum failures.
- Update to React-Draggable v2. Fixes: #241, #239, #24
- v2 contains a number of bugfixes & enhancements for touchscreens, multitouch, and scrolling containers.
- Bugfix: Rendering with new
breakpoints/colsdoes not refresh the layout. Fixes #208 - thanks @damienleroux
- Bugfix: Fix warning about undefined
useCSSTransformswhen server-rendering.
- Bugfix: Don't set
layouttwice on width change. See #217 - thanks @damienleroux - Enhancement: Add Flow type comments
<ReactGridLayout>will no longer animate so severely on mount. See #212.- If you are using
<WidthProvider>, you may notice that the container's width still shunts on mount. If you like, you may delay mounting by settingmeasureBeforeMount={true}on the wrapped element. This will eliminate the mounting animation completely. - If you enjoyed the old animation, set
useCSSTransforms={this.state.mounted}and toggle the mounting flag. See0-showcase.jsxfor an example.
- If you are using
- Set more permissive version ranges for
<Draggable>and<Resizable>dependencies, as they are now stable and will only introduce breaking changes on major version ticks.
- Officially support React v15.
- Bugfix: Draggable cancel selectors, see #203 - thanks @RiiD
- README fixes, thanks @bravo-kernel & @ro-savage
- Bugfix:
<ResponsiveReactGridLayout>was using stale data when synchronizing children with the layout on a breakpoint change.
This release contains potentially breaking changes so I have updated the minor version (as per semver).
Breaking Changes:
- Layout items now have a fixed set of properties. Other properties will not be merged into the
<GridItem>, such asclassName. To set aclassNameon a child, set it on the child directly and it will be merged. This allows us to make better assumptions about the layout and use a faster cloning mechanism. - Setting individual
handleandcancelselectors per item is no longer supported. If you need this, please open a ticket and let me know your use case.
Other changes:
- Bugfix:
<ResponsiveReactGridLayout>onLayoutChangecallback data could still be stale. - Bugfix: Range error when building layout solely from
_gridproperties.- This broke a lot of usage and thus
0.10.11and0.10.10have been unpublished.
- This broke a lot of usage and thus
- Removed redundant
isPlaceholderproperty from<GridItem>. - README updates to clarify layout/_grid usage.
- Bugfix:
layoutsparam on<ResponsiveReactGridLayout>'sonLayoutChangecould have stale data for the current breakpoint.
- Performance: Prevent V8 deopt in a few methods and add fast layout item cloning.
- Bugfix: Typo in children comparison in CWRP. See #169.
- Bugfix: Missing babel-preset-es2015 in dev.
- Rebuild using ES2015 Loose Mode.
- Bugfix:
classNameandstyleprops on grid children were being incorrectly dropped, a holdover from whencloneWithProps()used to do this merging for us. They are now merged.
- Bugfix: If both
props.layoutandprops.children.lengthchange in the same tick, props.layout would be clobbered. See #162
- Bugfix/Enhancement: Margins were causing subtle error in some of the positioning calculations. This has been fixed.
- Bugfix: Container height was calculated as less than expected due to improper addition of margin.
- Bugfix: Round item positions even if they're currently resizing or dragging (#158, regression of #141)
- Bugfix: Fix a positioning bug when margins are 0 (#160)
- Bugfix: would synchronize children with layout if the layout in props didn't match the state; this was meant to be a hook for the developer to supply a new layout. The incorrect check could cause the layout to reset if the parent rerendered. The check is now between the layout in nextProps and props.
- Bugfix: Fixed a lot of resizing layout bugs; most of the fixes are in react-resizable.
- Bugfix: Fixed incorrect typecheck on LayoutItem.i.
- Bugfix: Make onLayoutChange fire appropriately (#155).
- Bugfix: Fix
<ResponsiveGridLayout>not properly reverting when sizing the page up (#154). - Remove unused
offsetXandoffsetYfrom layouts. - Dependency updates.
- Hotfix for default export incompatibility caused by Babel 6.
This long-awaited release provides React 0.14 compatibility and a rewrite of the underlying
<Draggable> functionality.
Breaking changes:
ListensToWidthreplaced withWidthProviderwhich must wrap<ResponsiveReactGridLayout>and<ReactGridLayout>to provide width data. See doc for example.- Prop
initialWidthrenamed towidth. - Grid Layout keys must be type of string now.
Other changes:
- Finally compatible with React 0.14! Big thanks to @menelike for his help.
- Upgraded to Babel 6.
- Full typechecking via Flow.
- Lots of misc bugfixes.
- See beta releases below for more details.
- Fixed a React import bug on ListensToWidth.jsx (#130; thanks @mrblueblue)
This release is unstable!
- React 0.14 compatibility.
- This release includes a rewrite of much of the project in ES6/7 style with Flow typing.
- This release brings us onto mainline (1.x) react-draggable and react-resizable, eliminating the previous github dependency.
- 0.10.0 is not yet complete. Use this release at your own risk.
Known bugs:
- The placeholder box does not properly follow the mouse and stays pinned to the active drag.
- Update
react-draggabletov0.8.0to fix IE11 issues (#29).
- Update
react-draggabletov0.7.3to fix a bounds bug (#56).
- Move off
react-draggablefork to mainlinev0.7.2. Incremented minor (major in the case of npm's^, since we are pre-v1) version in case of unforeseen conflicts.
- Add
verticalCompacttoggle.
- Fix a crash when initializing with no children.
- Fixed React 0.13 warning about
isMounted(). - Update to babel 5.
- Added browser build for use with a
<script>tag or in RequireJS builds. - Pinned react-draggable version in anticipation of React 0.13 update.
- Changed signature on resize/drag callbacks to allow dynamic max/min W/H per item.
- Fixed bug in
useCSSTransforms. - Documentation and example fixes.
- Added callbacks for resize and drag start/active/stop.
Breaking changes:
ReactGridLayout.props.handlerenamed toReactGridLayout.props.draggableHandle.
This version contains a CSS update. This fixes a visual bug where you may see items quickly reset position and animate back to their original position on load, when you are using CSS transforms. To fix this bug, copy the rules from css/styles.css into your stylesheet.
Other changes:
- Fixed #19 (bad new item placement with css transforms).
- Fixed some placement inconsistencies while RGL is mounting, with css transforms and percentages.
- Fixed a duplicate className bug.
- Fix #21 (error when passing only a single child).
- Add GridItem.props.cancel.
- Use React addons directly to save file size.
- Allow setting draggable/resizable per grid item, as well as existing
staticproperty. - Use object.assign to set
_gridproperties so we can more easily merge PRs in the future.
- Fixed #8 (current layout was not properly being stored when provided via _grid props).
- Optionally use CSS transforms for placement, fallback on position top/left.
- Allow parent to set responsive breakpoint directly.
- Fix Responsive import for node users
- Add support for min/max dimension attributes.
- Example tweak
- Refactoring and demo tweaks. Update README with new params.
- Add showcase example, tweak template
- Refactor: Responsive Grid Layout is a separate element
- Auto-generate examples from template rather than edit them individually.
- Force lodash into commons chunk
- More tweaks to grid collisions. This should fix bad swaps once and for all.
- Set unused:"vars" in lint.
- Add responsive localstorage example and
initialLayoutssupport. - Fix localstorage example comment.
- Rework responsive layouts, identify child elements by key rather than index. Added 2 new examples.
- Fixup GridItem resizing feel a bit.
- Early development versions, too many changes to list.