react-grid-layout 1.2.5 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,47 +1,98 @@
1
1
  # Changelog
2
2
 
3
- 1.2.5 (May 10, 2021)
4
- ---
3
+ ## 1.3.3 (Jan 24, 2022)
4
+
5
+ This was a quick release to improve package size and dependency use. Thanks @salvoravida [#1655](https://github.com/react-grid-layout/react-grid-layout/pull/1655)
6
+
7
+ ### Bugfixes
8
+
9
+ - Removed `coverage/` folder from npm package to save size
10
+ - Moved eslint parser to `devDependencies`
11
+
12
+ ## 1.3.2 (Jan 24, 2022)
13
+
14
+ ### Internal Changes
15
+
16
+ - Package size reduced by ~30% by removing source in `dist/` source maps.
17
+ - Various tests added (thanks @imagineLife!)
18
+ - New GitHub Actions flow for PRs
19
+
20
+ ## 1.3.1 (Nov 29, 2021)
21
+
22
+ ### Bugfixes
23
+
24
+ - Fix `allowOverlap` not firing `onLayoutChange()`. [#1620](https://github.com/react-grid-layout/react-grid-layout/pull/1620)
25
+ - This was due to a short-circuiting of internal logic that did not properly clone the `layout` prop.
26
+
27
+ ### Internal Changes
28
+
29
+ - Replace `classnames` with `clsx` for smaller package size. (#1543)
30
+
31
+ ## 1.3.0 (Aug 27, 2021)
32
+
33
+ ### New Features
34
+
35
+ - `allowOverlap` prop, when `true`, allows overlapping grid items. [#1470](https://github.com/react-grid-layout/react-grid-layout/pull/1470)
36
+ - Add `onDropDragOver` callback. [#1395](https://github.com/react-grid-layout/react-grid-layout/pull/1395)
37
+ - Use this callback to dynamically adjust the `droppingItem` based on what is being dragged over. Return `w` and `h` to adjust the item. It is then [spread into the dropping placeholder](https://github.com/react-grid-layout/react-grid-layout/pull/1395/files#diff-83ab569936bfd4bf0460a4f23653ecbe8bc88509062c95e75c9402218b2b8733R609).
38
+ - This callback has the type:
39
+ - `onDragOver: (e: DragOverEvent) => { w: number, h: number } | false;`
40
+ - Return `false` to short-circuit the dragover.
5
41
 
6
42
  ### Bugfixes
7
- - Ensure no negative positions are possible when compacting
8
- - Thanks @DonnyLi [#829](https://github.com/react-grid-layout/react-grid-layout/pull/829)
9
- - Fixes [#535](https://github.com/react-grid-layout/react-grid-layout/issues/535)
10
- - Fix resizing on mobile. This was caused by the `ref` refactor to remove ReactDOM in 1.2.3.
11
- - Fixes #[1458](https://github.com/react-grid-layout/react-grid-layout/issues/1458)
12
- - Note: this upgrades `react-resizable` to `3.0.1`, which like our other deps, is only compatible with `React@>=16.3`.
43
+
44
+ - Remove sorting when `compactType` is `null`. [#1474](https://github.com/react-grid-layout/react-grid-layout/pull/1474)
45
+ - Droppable fixes for Chrome behavior. [#1442](https://github.com/react-grid-layout/react-grid-layout/issues/1442) [#1448](https://github.com/react-grid-layout/react-grid-layout/issues/1442)
46
+ - Allow `null` children as a convenience so that inline expressions don't break the library. [#1296](https://github.com/react-grid-layout/react-grid-layout/pull/1296)
47
+ - Various dependency upgrades.
13
48
 
14
49
  ### Documentation
15
- - Document new arity of `resizeHandle` (`(axis: ResizeHandleAxis, ref: ReactRef<HTMLElement>) => React$Element`)
16
- - Remove references to the deprecated `verticalCompact` prop
17
50
 
18
- 1.2.4 (Mar 18, 2021)
19
- ---
51
+ - Add docs on using custom components as grid children.
52
+ - Note required class on resizable handles for proper styling.
20
53
 
21
- *This version fixes a serious render bug in `<WidthProvider>`. 1.2.3 should not be used.*
54
+ ## 1.2.5 (May 10, 2021)
22
55
 
23
56
  ### Bugfixes
24
- - Fix failure to mount when layout is WidthProvider-wrapped and `measureBeforeMount` is `true`.
25
- - Ref: [#1428](https://github.com/react-grid-layout/react-grid-layout/issues/1428)
26
- - `<WidthProvider>` no longer updates grid with if it has been set to 0. This prevents unnecessary updates
27
- if the grid is set to `display: none;`. Thanks @405go [#1427](https://github.com/react-grid-layout/react-grid-layout/pull/1427)
28
57
 
29
- 1.2.3 (Mar 16, 2021)
30
- ---
58
+ - Ensure no negative positions are possible when compacting
59
+ - Thanks @DonnyLi [#829](https://github.com/react-grid-layout/react-grid-layout/pull/829)
60
+ - Fixes [#535](https://github.com/react-grid-layout/react-grid-layout/issues/535)
61
+ - Fix resizing on mobile. This was caused by the `ref` refactor to remove ReactDOM in 1.2.3.
62
+ - Fixes #[1458](https://github.com/react-grid-layout/react-grid-layout/issues/1458)
63
+ - Note: this upgrades `react-resizable` to `3.0.1`, which like our other deps, is only compatible with `React@>=16.3`.
64
+
65
+ ### Documentation
66
+
67
+ - Document new arity of `resizeHandle` (`(axis: ResizeHandleAxis, ref: ReactRef<HTMLElement>) => React$Element`)
68
+ - Remove references to the deprecated `verticalCompact` prop
69
+
70
+ ## 1.2.4 (Mar 18, 2021)
71
+
72
+ _This version fixes a serious render bug in `<WidthProvider>`. 1.2.3 should not be used._
73
+
74
+ ### Bugfixes
75
+
76
+ - Fix failure to mount when layout is WidthProvider-wrapped and `measureBeforeMount` is `true`.
77
+ - Ref: [#1428](https://github.com/react-grid-layout/react-grid-layout/issues/1428)
78
+ - `<WidthProvider>` no longer updates grid with if it has been set to 0. This prevents unnecessary updates
79
+ if the grid is set to `display: none;`. Thanks @405go [#1427](https://github.com/react-grid-layout/react-grid-layout/pull/1427)
80
+
81
+ ## 1.2.3 (Mar 16, 2021)
31
82
 
32
83
  ### New Features
33
- - React-Grid-Layout is now fully compatible with `<React.StrictMode>`.
34
- - Usage of `ReactDOM` has been removed by using `React.createRef()` inside RGL, and the new [`nodeRef` prop](https://github.com/react-grid-layout/react-draggable/blob/master/CHANGELOG.md#440-may-12-2020) in `react-draggable`.
35
84
 
36
- 1.2.2 (Mar 1, 2021)
37
- ---
85
+ - React-Grid-Layout is now fully compatible with `<React.StrictMode>`.
86
+ - Usage of `ReactDOM` has been removed by using `React.createRef()` inside RGL, and the new [`nodeRef` prop](https://github.com/react-grid-layout/react-draggable/blob/master/CHANGELOG.md#440-may-12-2020) in `react-draggable`.
87
+
88
+ ## 1.2.2 (Mar 1, 2021)
38
89
 
39
90
  ### Bugfixes
40
- - `onResize` as changed in 1.2.1 did not correctly save the layout. This is now fixed.
41
- - As you might guess, we need more test coverage! PRs are very welcome, I'll buy you beers on Cashapp or Patreon or whatever you like.
42
91
 
43
- 1.2.1 (Mar 1, 2021)
44
- ---
92
+ - `onResize` as changed in 1.2.1 did not correctly save the layout. This is now fixed.
93
+ - As you might guess, we need more test coverage! PRs are very welcome, I'll buy you beers on Cashapp or Patreon or whatever you like.
94
+
95
+ ## 1.2.1 (Mar 1, 2021)
45
96
 
46
97
  ## Organization Changes
47
98
 
@@ -51,107 +102,117 @@ We have created the [React-Grid-Layout Organization](https://github.com/react-gr
51
102
  This organization will grow as time goes on, and also contains the dependencies of RGL.
52
103
 
53
104
  ### Bugfixes
54
- - Use `classList` in Firefox onDragOver hack. [#1310](https://github.com/STRML/react-grid-layout/pull/1310)
55
- - Fix `scale` property. As `scale` support was added to dependencies, this caused double-compensation for scale, causing the dragged element not to follow the cursor. [#1393](https://github.com/STRML/react-grid-layout/pull/1393)
56
- - Fix horizontal compact mode issue where it inadventently would compact the bottom of the grid. This is not useful nor intended. Thanks @s4m3. [#1390](https://github.com/STRML/react-grid-layout/pull/1390)
57
- - Fix `onLayoutChange` sometimes not triggering on resize. We weren't cloning the layout item before modifying it. Thanks @xcqwan. [#1289](https://github.com/react-grid-layout/react-grid-layout/pull/1289)
105
+
106
+ - Use `classList` in Firefox onDragOver hack. [#1310](https://github.com/STRML/react-grid-layout/pull/1310)
107
+ - Fix `scale` property. As `scale` support was added to dependencies, this caused double-compensation for scale, causing the dragged element not to follow the cursor. [#1393](https://github.com/STRML/react-grid-layout/pull/1393)
108
+ - Fix horizontal compact mode issue where it inadventently would compact the bottom of the grid. This is not useful nor intended. Thanks @s4m3. [#1390](https://github.com/STRML/react-grid-layout/pull/1390)
109
+ - Fix `onLayoutChange` sometimes not triggering on resize. We weren't cloning the layout item before modifying it. Thanks @xcqwan. [#1289](https://github.com/react-grid-layout/react-grid-layout/pull/1289)
58
110
 
59
111
  ### Internal Refactors
60
- - Updated to the latest versions of all dependencies (enzyme, webpack, jest, flow).
61
- - Held back React@17 as enzyme is [not yet ready](https://github.com/enzymejs/enzyme/issues/2429).
62
112
 
63
- 1.2.0 (Nov 17, 2020)
64
- ---
113
+ - Updated to the latest versions of all dependencies (enzyme, webpack, jest, flow).
114
+ - Held back React@17 as enzyme is [not yet ready](https://github.com/enzymejs/enzyme/issues/2429).
115
+
116
+ ## 1.2.0 (Nov 17, 2020)
65
117
 
66
118
  ### New Features
67
- - You can now customize your resizable handle component as supported by [`react-resizable`](https://github.com/STRML/react-resizable/blob/09fd865c0e1cc570caa8d67e44a2e56172d3d816/examples/ExampleLayout.js#L72). For example:
68
- ```js
69
- <ReactGridLayout resizeHandle={<span className="custom-handle custom-handle-se" />} {...props} />
70
- ````
71
- Thanks @typeetfunc [#1303](https://github.com/STRML/react-grid-layout/pull/1303)
119
+
120
+ - You can now customize your resizable handle component as supported by [`react-resizable`](https://github.com/STRML/react-resizable/blob/09fd865c0e1cc570caa8d67e44a2e56172d3d816/examples/ExampleLayout.js#L72). For example:
121
+
122
+ ```js
123
+ <ReactGridLayout
124
+ resizeHandle={<span className="custom-handle custom-handle-se" />}
125
+ {...props}
126
+ />
127
+ ```
128
+
129
+ Thanks @typeetfunc [#1303](https://github.com/STRML/react-grid-layout/pull/1303)
72
130
 
73
131
  ### Bugfixes
74
- - Fix `onDrop` handler not firing on Firefox if you drop over the placeholder.
75
- - Thanks @Charles-Lamoureux [#1333](https://github.com/STRML/react-grid-layout/pull/1333)
76
- - Various example style fixes [#1283](https://github.com/STRML/react-grid-layout/pull/1283) [#1299](https://github.com/STRML/react-grid-layout/pull/1299)
77
132
 
78
- 1.1.1 (Sep 10, 2020)
79
- ---
133
+ - Fix `onDrop` handler not firing on Firefox if you drop over the placeholder.
134
+ - Thanks @Charles-Lamoureux [#1333](https://github.com/STRML/react-grid-layout/pull/1333)
135
+ - Various example style fixes [#1283](https://github.com/STRML/react-grid-layout/pull/1283) [#1299](https://github.com/STRML/react-grid-layout/pull/1299)
136
+
137
+ ## 1.1.1 (Sep 10, 2020)
80
138
 
81
139
  Republish to add `dist/` folder for unpkg use.
82
140
 
83
- 1.1.0 (Sep 3, 2020)
84
- ---
141
+ ## 1.1.0 (Sep 3, 2020)
85
142
 
86
143
  ### New Features
87
- - You can now place resizable handles on all corners. Use the `resizeHandles` prop, which is default `['se']` (for 'southeast').
88
- - Allowable values are:
89
- * 's' - South handle (bottom-center)
90
- * 'w' - West handle (left-center)
91
- * 'e' - East handle (right-center)
92
- * 'n' - North handle (top-center)
93
- * 'sw' - Southwest handle (bottom-left)
94
- * 'nw' - Northwest handle (top-left)
95
- * 'se' - Southeast handle (bottom-right)
96
- * 'ne' - Northeast handle (top-right)
97
- - These values may be combined, e.g. `['s', 'se', 'e']`, to place three handles on the bottom side, bottom-right corner, and right side.
144
+
145
+ - You can now place resizable handles on all corners. Use the `resizeHandles` prop, which is default `['se']` (for 'southeast').
146
+ - Allowable values are:
147
+ - 's' - South handle (bottom-center)
148
+ - 'w' - West handle (left-center)
149
+ - 'e' - East handle (right-center)
150
+ - 'n' - North handle (top-center)
151
+ - 'sw' - Southwest handle (bottom-left)
152
+ - 'nw' - Northwest handle (top-left)
153
+ - 'se' - Southeast handle (bottom-right)
154
+ - 'ne' - Northeast handle (top-right)
155
+ - These values may be combined, e.g. `['s', 'se', 'e']`, to place three handles on the bottom side, bottom-right corner, and right side.
98
156
 
99
157
  ### Bugfixes
100
- - Revert `containerPadding` change in #1138. This change was meant to be types-only, but it caused a behavioral change where the default value of `containerPadding` became `[0, 0]`, not `margin`, which is default `[10, 10]`.
101
- - Add a few more files to `npmignore` to improve package size.
102
158
 
103
- 1.0.0 (July 20, 2020)
104
- ---
159
+ - Revert `containerPadding` change in #1138. This change was meant to be types-only, but it caused a behavioral change where the default value of `containerPadding` became `[0, 0]`, not `margin`, which is default `[10, 10]`.
160
+ - Add a few more files to `npmignore` to improve package size.
161
+
162
+ ## 1.0.0 (July 20, 2020)
105
163
 
106
164
  React-Grid-Layout has been in `0.x` status for far too long. With the addition of some new features in this version and a breaking change, I thought it was time to move to a stable semver.
107
165
 
108
166
  ### Breaking Changes
109
- - `onDrop` callback now has a form more consistent with other callbacks.
110
- - Previous type: `(elemParams: { x: number, y: number, w: number, h: number, e: Event }) => void`
111
- - New type: `(layout: Layout, item: ?LayoutItem, e: Event) => void`
112
- - Thanks @ceberhar [#1169](https://github.com/STRML/react-grid-layout/pull/1169)
113
- - Dropping Node 8 compatibility and testing due to devDep incompatibilities
167
+
168
+ - `onDrop` callback now has a form more consistent with other callbacks.
169
+ - Previous type: `(elemParams: { x: number, y: number, w: number, h: number, e: Event }) => void`
170
+ - New type: `(layout: Layout, item: ?LayoutItem, e: Event) => void`
171
+ - Thanks @ceberhar [#1169](https://github.com/STRML/react-grid-layout/pull/1169)
172
+ - Dropping Node 8 compatibility and testing due to devDep incompatibilities
114
173
 
115
174
  ### New Features
116
- - Add `innerRef: React.Ref<'div'>` prop to expose a ref for the grid layout's outer div. Thanks @paul-sachs [#1176](https://github.com/STRML/react-grid-layout/pull/1176)
117
- - Add `isBounded` property to prevent dragging items outside of the grid. Thanks @artembykov [#1248](https://github.com/STRML/react-grid-layout/pull/1248)
175
+
176
+ - Add `innerRef: React.Ref<'div'>` prop to expose a ref for the grid layout's outer div. Thanks @paul-sachs [#1176](https://github.com/STRML/react-grid-layout/pull/1176)
177
+ - Add `isBounded` property to prevent dragging items outside of the grid. Thanks @artembykov [#1248](https://github.com/STRML/react-grid-layout/pull/1248)
118
178
 
119
179
  ### Bugfixes
120
- - Fix grid items stuck using percentages on first render. Thanks @rhbg [#1246](https://github.com/STRML/react-grid-layout/pull/1246)
121
180
 
122
- 0.18.3 (Mar 16, 2020)
123
- ----
181
+ - Fix grid items stuck using percentages on first render. Thanks @rhbg [#1246](https://github.com/STRML/react-grid-layout/pull/1246)
182
+
183
+ ## 0.18.3 (Mar 16, 2020)
124
184
 
125
185
  ### Bugfixes
126
- - Fix `shouldComponentUpdate` interfering with droppability ([#1152](https://github.com/STRML/react-grid-layout/issues/1152))
186
+
187
+ - Fix `shouldComponentUpdate` interfering with droppability ([#1152](https://github.com/STRML/react-grid-layout/issues/1152))
127
188
 
128
189
  ### Internal Changes
129
- - New Enzyme test suite added to prevent regression. If you have time, we could really use more test cases that reflect your use cases!
130
190
 
131
- 0.18.2 (Feb 26, 2020)
132
- ----
191
+ - New Enzyme test suite added to prevent regression. If you have time, we could really use more test cases that reflect your use cases!
192
+
193
+ ## 0.18.2 (Feb 26, 2020)
133
194
 
134
195
  ### Bugfixes
135
- - `shouldComponentUpdate`:
136
- - A too-aggressive implementation of `shouldComponentUpdate` was shipped in 0.18.0-0.18.1 ([#1123](https://github.com/STRML/react-grid-layout/pull/1123)), which did not compare the `children` object. While this works well in many simple implementations of RGL, it breaks in more complex applications.
137
- - Reference equality of `props.children` and `nextProps.children` is now added to `<ReactGridLayout>` and `<GridItem>`. If you wish to take advantage of the performance improvements from the `shouldComponentUpdate` work, memoize your children.
138
- - A section has been added to the [README](/README.md#Performance) explaining how this works.
139
- - Fixed [#1150](https://github.com/STRML/react-grid-layout/issues/1150), [#1151](https://github.com/STRML/react-grid-layout/issues/1151).
140
196
 
141
- 0.18.1 (Feb 25, 2020)
142
- ----
197
+ - `shouldComponentUpdate`:
198
+ - A too-aggressive implementation of `shouldComponentUpdate` was shipped in 0.18.0-0.18.1 ([#1123](https://github.com/STRML/react-grid-layout/pull/1123)), which did not compare the `children` object. While this works well in many simple implementations of RGL, it breaks in more complex applications.
199
+ - Reference equality of `props.children` and `nextProps.children` is now added to `<ReactGridLayout>` and `<GridItem>`. If you wish to take advantage of the performance improvements from the `shouldComponentUpdate` work, memoize your children.
200
+ - A section has been added to the [README](/README.md#Performance) explaining how this works.
201
+ - Fixed [#1150](https://github.com/STRML/react-grid-layout/issues/1150), [#1151](https://github.com/STRML/react-grid-layout/issues/1151).
202
+
203
+ ## 0.18.1 (Feb 25, 2020)
143
204
 
144
205
  This release contains typedef changes only.
145
206
 
146
207
  ### Bugfixes
147
- - Flow types:
148
- - Make Props to `<ReactGridLayout>` and `<ResponsiveReactGridLayout>` exact.
149
- - Fix loss of props refinement when passing through `WidthProvider`.
150
- - Fix Flow errors as surfaced in [#1138](https://github.com/STRML/react-grid-layout/pull/1138).
151
- - Modify examples to use types so that the above type error can't resurface
152
208
 
153
- 0.18.0 (Feb 25, 2020)
154
- ----
209
+ - Flow types:
210
+ - Make Props to `<ReactGridLayout>` and `<ResponsiveReactGridLayout>` exact.
211
+ - Fix loss of props refinement when passing through `WidthProvider`.
212
+ - Fix Flow errors as surfaced in [#1138](https://github.com/STRML/react-grid-layout/pull/1138).
213
+ - Modify examples to use types so that the above type error can't resurface
214
+
215
+ ## 0.18.0 (Feb 25, 2020)
155
216
 
156
217
  Thanks to all of our maintainers for this big release. 0.18.0 contains a large number of bugfixes that users have been asking for. Please read the full list so you know what to expect. Some of the biggest improvements include fixing changes of `isResizable`/`isDraggable` without a remount ([#892](https://github.com/STRML/react-grid-layout/pull/892)), fixes to prop changes on `ResponsiveReactGridLayout` ([#1090](https://github.com/STRML/react-grid-layout/pull/1090)), `shouldComponentUpdate` improvements for speed ([#1123](https://github.com/STRML/react-grid-layout/pull/1123)), improvements to droppability ([#1127](https://github.com/STRML/react-grid-layout/pull/1127)), and much more.
157
218
 
@@ -184,17 +245,18 @@ Thanks to all of our maintainers for this big release. 0.18.0 contains a large n
184
245
  - Upgrade devDependencies.
185
246
  - Remove ESPower from test suite (not useful with Jest).
186
247
 
248
+ 0.17.1 (Oct 29, 2019)
187
249
 
188
- 0.17.1 (Oct 29, 2019)
189
- ----
250
+ ---
190
251
 
191
252
  ### Bugfixes
192
253
 
193
254
  - Surround `navigator` check in `try/catch` to avoid problems with mocked navigators [#1057](https://github.com/STRML/react-grid-layout/pull/1054)
194
255
  - TransformScale is not applied properly while dragging an element [#1046](https://github.com/STRML/react-grid-layout/pull/1054)
195
256
 
196
- 0.17.0 (Oct 24, 2019)
197
- ----
257
+ 0.17.0 (Oct 24, 2019)
258
+
259
+ ---
198
260
 
199
261
  It's been 18 months since the last release, and this is a pretty large one! For references on the items below, see https://github.com/STRML/react-grid-layout/milestone/1?closed=1.
200
262
 
@@ -207,7 +269,6 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
207
269
  - `transformScale` prop [#987](https://github.com/STRML/react-grid-layout/pull/987)
208
270
  - `<ResponsiveReactGridLayout>` now supports margin-per-breakpoint [#1016](https://github.com/STRML/react-grid-layout/pull/1016)
209
271
 
210
-
211
272
  ### Bugfixes
212
273
 
213
274
  - `onWidthChange` only called on breakpoint changes [#770](https://github.com/STRML/react-grid-layout/pull/770)
@@ -228,8 +289,9 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
228
289
  - Various build simplifications [#773](https://github.com/STRML/react-grid-layout/pull/773)
229
290
  - Various PR bots - thanks @daynin
230
291
 
231
- 0.16.6 (Mar 8, 2018)
232
- ----
292
+ 0.16.6 (Mar 8, 2018)
293
+
294
+ ---
233
295
 
234
296
  - Fixed collision issue where items below could rearrange on a move.
235
297
  - The root cause was "teleportation", or practically the same bug that leads to Pac-Man going through
@@ -242,84 +304,99 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
242
304
  - Ref: #650, #739
243
305
  - Added a "Toolbox" demo (thanks @jhob)
244
306
 
245
- 0.16.5 (Feb 26, 2018)
246
- ----
307
+ 0.16.5 (Feb 26, 2018)
308
+
309
+ ---
247
310
 
248
311
  - Minor fix to `isUserAction` on certain types of compaction cascades (#714, #720, #729)
249
312
 
250
- 0.16.4 (Feb 15, 2018)
251
- ----
313
+ 0.16.4 (Feb 15, 2018)
314
+
315
+ ---
252
316
 
253
317
  - Skip null items in processGridItem (#578)
254
318
  - Resize is broken for grids with preventCollision: true, fixes #655 (#656)
255
319
  - Minor refactoring
256
320
 
257
- 0.16.3 (Jan 31, 2018)
258
- ----
321
+ 0.16.3 (Jan 31, 2018)
322
+
323
+ ---
259
324
 
260
325
  - Fix overriding of `onStart` behaviour (#707, thanks @ersel)
261
326
  - Fixed Flow type of WidthProvider
262
327
  - Devdep updates
263
328
 
264
- 0.16.2 (Dec 17, 2017)
265
- ----
329
+ 0.16.2 (Dec 17, 2017)
330
+
331
+ ---
266
332
 
267
333
  - Fix `onLayoutChange` not firing properly due to regression introduced in 0.16.1
268
334
  - Ref: https://github.com/STRML/react-grid-layout/issues/683
269
335
  - Simpler resize corner CSS (thanks @TrySound)
270
336
  - Reformat code with Prettier & simplify lint configs (thanks @TrySound)
271
337
 
272
- 0.16.1 (Dec 10, 2017)
273
- ----
338
+ 0.16.1 (Dec 10, 2017)
339
+
340
+ ---
274
341
 
275
342
  - Flow def upgrades (thanks @TrySound)
276
343
  - DevDep upgrades
277
344
  - Fixed WebpackBin demo
278
345
  - Addl test cases (thanks @torkelo)
279
346
 
280
- 0.16.0 (Oct 6, 2017)
281
- ----
347
+ 0.16.0 (Oct 6, 2017)
348
+
349
+ ---
282
350
 
283
351
  - Added horizontal compaction option, `compactType` (thanks @Rhjulskov)
284
352
  - Added `preventCollision` option for static grids (thanks @EmrysMyrddin)
285
353
 
286
- 0.15.2 (Sep 5, 2017)
287
- ----
354
+ 0.15.2 (Sep 5, 2017)
355
+
356
+ ---
288
357
 
289
358
  - Fix missed `import *`
290
359
  - Dependency updates
291
360
 
292
- 0.15.1 (Sep 5, 2017)
293
- ----
361
+ 0.15.1 (Sep 5, 2017)
362
+
363
+ ---
294
364
 
295
365
  - Fix React PropTypes & createClass warnings
366
+
296
367
  - See https://github.com/facebook/react/issues/10583
297
368
 
298
- 0.15.0 (Aug 21, 2017)
299
- ----
369
+ 0.15.0 (Aug 21, 2017)
370
+
371
+ ---
300
372
 
301
373
  - Package upgrades, including Webpack 3
302
374
  - Flow typedef upgrades for the 0.53 rework
303
375
  - Add faulty key value in duplicate key error message (#602)
304
376
 
305
- 0.14.7 (Jul 14, 2017)
306
- ----
377
+ 0.14.7 (Jul 14, 2017)
378
+
379
+ ---
307
380
 
308
381
  - Fixed a dragging bug when the grid container is scrollable. Thanks @chultquist.
382
+
309
383
  - Ref: https://github.com/STRML/react-grid-layout/pull/555
310
384
 
311
- 0.14.6 (Apr 19, 2017)
312
- ----
385
+ 0.14.6 (Apr 19, 2017)
386
+
387
+ ---
313
388
 
314
389
  - Fixed a bad publish (connectivity issue).
315
390
 
316
- 0.14.5 (Apr 19, 2017)
317
- ----
391
+ 0.14.5 (Apr 19, 2017)
392
+
393
+ ---
318
394
 
319
395
  - Moved to `prop-types` package to avoid React.PropTypes deprecation in 15.5. Thanks @inverts!
320
396
 
321
- 0.14.4 (Mar 9, 2017)
322
- ----
397
+ 0.14.4 (Mar 9, 2017)
398
+
399
+ ---
323
400
 
324
401
  #### Fixes:
325
402
 
@@ -329,15 +406,17 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
329
406
 
330
407
  - Update Flow
331
408
 
332
- 0.14.3 (Feb 22, 2017)
333
- ----
409
+ 0.14.3 (Feb 22, 2017)
410
+
411
+ ---
334
412
 
335
413
  #### Fixes:
336
414
 
337
415
  - Reverted #499; `msTransform` is indeed correct. See [discussion](https://github.com/STRML/react-grid-layout/pull/499#issuecomment-281703069).
338
416
 
339
- 0.14.2 (Feb 22, 2017)
340
- ----
417
+ 0.14.2 (Feb 22, 2017)
418
+
419
+ ---
341
420
 
342
421
  #### Fixes:
343
422
 
@@ -348,16 +427,18 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
348
427
 
349
428
  - Update development dependencies and babel version.
350
429
 
351
- 0.14.1 (Feb 20, 2017)
352
- ----
430
+ 0.14.1 (Feb 20, 2017)
431
+
432
+ ---
353
433
 
354
434
  #### Fixes:
355
435
 
356
436
  - Fixed a minor Flow type issue when a `classnames` typedef is present.
357
437
  - Fixed a scoping issue when running `make build-example`.
358
438
 
359
- 0.14.0 (Feb 13, 2017)
360
- -----
439
+ 0.14.0 (Feb 13, 2017)
440
+
441
+ ---
361
442
 
362
443
  #### Features:
363
444
 
@@ -366,24 +447,29 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
366
447
  - Committed yarn.lock
367
448
  - Added `react-draggable` classname to draggable grid items.
368
449
 
369
- 0.13.9 (Oct 13, 2016)
370
- -----
450
+ 0.13.9 (Oct 13, 2016)
451
+
452
+ ---
371
453
 
372
454
  #### Fixes:
373
455
 
374
456
  - Fixed sorting of layout items, which could be different in IE if two items have the same x & y coordinate.
457
+
375
458
  - See [#369](https://github.com/STRML/react-grid-layout/issues/369).
376
459
 
377
- 0.13.8 (Oct 13, 2016)
378
- -----
460
+ 0.13.8 (Oct 13, 2016)
461
+
462
+ ---
379
463
 
380
464
  #### Fixes:
381
465
 
382
466
  - Fixed breakage introduced in `0.13.7` when items are added without a layout or `data-grid` property.
467
+
383
468
  - See [#368](https://github.com/STRML/react-grid-layout/issues/368).
384
469
 
385
- 0.13.7 (Oct 3, 2016)
386
- -----
470
+ 0.13.7 (Oct 3, 2016)
471
+
472
+ ---
387
473
 
388
474
  #### Fixes:
389
475
 
@@ -392,38 +478,44 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
392
478
  - Fixed some issues with input layout items being modified in-place rather than cloned.
393
479
  - Minor typos.
394
480
 
395
- 0.13.6 (Sep 26, 2016)
396
- -----
481
+ 0.13.6 (Sep 26, 2016)
482
+
483
+ ---
397
484
 
398
485
  #### Fixes:
399
486
 
400
487
  - Fixed missing HTMLElement in `onResize*` callbacks.
401
488
 
402
- 0.13.5 (Sep 9, 2016)
403
- -----
489
+ 0.13.5 (Sep 9, 2016)
490
+
491
+ ---
404
492
 
405
493
  #### Fixes:
406
494
 
407
495
  - Fixed a few Flow typing errors in `WidthProvider`.
408
496
 
409
- 0.13.4 (Sep 9, 2016)
410
- -----
497
+ 0.13.4 (Sep 9, 2016)
498
+
499
+ ---
411
500
 
412
501
  #### Fixes:
413
502
 
414
503
  - Fixed potential call to `ReactDOM.findDOMNode(this)` after unmount of `WidthProvider`.
415
504
  - Fixed an issue where layout items using `data-grid` could rearrange on mount depending on how they were ordered.
505
+
416
506
  - See [#342](https://github.com/STRML/react-grid-layout/pull/342) for reference.
417
507
 
418
- 0.13.3 (Aug 31, 2016)
419
- -----
508
+ 0.13.3 (Aug 31, 2016)
509
+
510
+ ---
420
511
 
421
512
  #### Fixes:
422
513
 
423
- - Fixed `lodash.isequal` import, which was ruined by case-insensitive HFS+ *shakes fist*
514
+ - Fixed `lodash.isequal` import, which was ruined by case-insensitive HFS+ _shakes fist_
515
+
516
+ 0.13.2 (Aug 31, 2016)
424
517
 
425
- 0.13.2 (Aug 31, 2016)
426
- -----
518
+ ---
427
519
 
428
520
  #### Fixes:
429
521
 
@@ -433,17 +525,20 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
433
525
  - I'm aware this could be a breaking change if you were relying on this bad behavior. If so, please
434
526
  use your own `WidthProvider`-style HOC.
435
527
  - `babel-plugin-transform-flow-comments` had limited support for defining types like transpiled classes.
528
+
436
529
  - This has been updated to instead copy source to `.js.flow` files, which preserves all type information.
437
530
 
438
- 0.13.1 (Aug 16, 2016)
439
- -----
531
+ 0.13.1 (Aug 16, 2016)
532
+
533
+ ---
440
534
 
441
535
  #### Fixes:
442
536
 
443
537
  - Fix remaining `propTypes` warnings.
444
538
 
445
- 0.13.0 (Aug 3, 2016)
446
- -----
539
+ 0.13.0 (Aug 3, 2016)
540
+
541
+ ---
447
542
 
448
543
  #### Changed:
449
544
 
@@ -455,46 +550,55 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
455
550
 
456
551
  - Fix React 15.3 warning re: propTypes.
457
552
 
458
- 0.12.7 (Jun 29, 2016)
459
- -----
553
+ 0.12.7 (Jun 29, 2016)
554
+
555
+ ---
460
556
 
461
557
  - Prevent extraenous rerenders in `<ResponsiveReactGridLayout>` by using deep equality on layouts.
462
558
 
463
- 0.12.6 (Jun 5, 2016)
464
- -----
559
+ 0.12.6 (Jun 5, 2016)
560
+
561
+ ---
465
562
 
466
563
  - Fix blindingly obvious bug where mounted isn't set to true. Smack forehead.
467
564
 
468
- 0.12.5 (Jun 3, 2016)
469
- -----
565
+ 0.12.5 (Jun 3, 2016)
566
+
567
+ ---
470
568
 
471
569
  - Fixes for server rendering checksum failures.
472
570
 
473
- 0.12.4 (May 22, 2016)
474
- -----
571
+ 0.12.4 (May 22, 2016)
572
+
573
+ ---
475
574
 
476
575
  - Update to React-Draggable v2. Fixes: #241, #239, #24
576
+
477
577
  - v2 contains a number of bugfixes & enhancements for touchscreens, multitouch, and scrolling containers.
478
578
 
479
- 0.12.3 (May 3, 2016)
480
- -----
579
+ 0.12.3 (May 3, 2016)
580
+
581
+ ---
481
582
 
482
583
  - Bugfix: Rendering with new `breakpoints`/`cols` does not refresh the layout.
483
584
  Fixes #208 - thanks @damienleroux
484
585
 
485
- 0.12.2 (May 1, 2016)
486
- ------
586
+ 0.12.2 (May 1, 2016)
587
+
588
+ ---
487
589
 
488
590
  - Bugfix: Fix warning about undefined `useCSSTransforms` when server-rendering.
489
591
 
490
- 0.12.1 (Apr 19, 2016)
491
- ------
592
+ 0.12.1 (Apr 19, 2016)
593
+
594
+ ---
492
595
 
493
596
  - Bugfix: Don't set `layout` twice on width change. See #217 - thanks @damienleroux
494
597
  - Enhancement: Add Flow type comments
495
598
 
496
- 0.12.0 (Apr 14, 2016)
497
- ------
599
+ 0.12.0 (Apr 14, 2016)
600
+
601
+ ---
498
602
 
499
603
  - `<ReactGridLayout>` will no longer animate so severely on mount. See #212.
500
604
  - If you are using `<WidthProvider>`, you may notice that the container's width still shunts on mount.
@@ -505,31 +609,35 @@ Thanks to @daynin and @n1ghtmare for taking an active role in maintaining RGL, a
505
609
  - Set more permissive version ranges for `<Draggable>` and `<Resizable>` dependencies, as they are now stable
506
610
  and will only introduce breaking changes on major version ticks.
507
611
 
508
- 0.11.3 (Apr 8, 2016)
509
- ------
612
+ 0.11.3 (Apr 8, 2016)
613
+
614
+ ---
510
615
 
511
616
  - Officially support React v15.
512
617
 
513
- 0.11.2 (Apr 6, 2016)
514
- ------
618
+ 0.11.2 (Apr 6, 2016)
619
+
620
+ ---
515
621
 
516
622
  - Bugfix: Draggable cancel selectors, see #203 - thanks @RiiD
517
623
  - README fixes, thanks @bravo-kernel & @ro-savage
518
624
 
519
- 0.11.1
520
- ------
625
+ 0.11.1
626
+
627
+ ---
521
628
 
522
629
  - Bugfix: `<ResponsiveReactGridLayout>` was using stale data when synchronizing children with the layout
523
630
  on a breakpoint change.
524
631
 
525
- 0.11.0
526
- ------
632
+ 0.11.0
633
+
634
+ ---
527
635
 
528
636
  This release contains potentially breaking changes so I have updated the minor version (as per semver).
529
637
 
530
638
  **Breaking Changes**:
531
639
 
532
- - Layout items now have a fixed set of properties. Other properties will *not* be merged into the `<GridItem>`, such
640
+ - Layout items now have a fixed set of properties. Other properties will _not_ be merged into the `<GridItem>`, such
533
641
  as `className`. To set a `className` on a child, set it on the child directly and it will be merged.
534
642
  This allows us to make better assumptions about the layout and use a faster cloning mechanism.
535
643
  - Setting individual `handle` and `cancel` selectors per item is no longer supported. If you need this, please
@@ -541,61 +649,71 @@ Other changes:
541
649
  - Bugfix: Range error when building layout solely from `_grid` properties.
542
650
  - This broke a lot of usage and thus `0.10.11` and `0.10.10` have been unpublished.
543
651
  - Removed redundant `isPlaceholder` property from `<GridItem>`.
544
- - README updates to clarify layout/_grid usage.
652
+ - README updates to clarify layout/\_grid usage.
545
653
 
546
- 0.10.11
547
- -------
654
+ 0.10.11
655
+
656
+ ---
548
657
 
549
658
  - Bugfix: `layouts` param on `<ResponsiveReactGridLayout>`'s `onLayoutChange` could have stale data
550
659
  for the current breakpoint.
551
660
 
552
- 0.10.10
553
- -------
661
+ 0.10.10
662
+
663
+ ---
554
664
 
555
665
  - Performance: Prevent V8 deopt in a few methods and add fast layout item cloning.
556
666
 
557
- 0.10.9
558
- ------
667
+ 0.10.9
668
+
669
+ ---
559
670
 
560
671
  - Bugfix: Typo in children comparison in CWRP. See #169.
561
672
  - Bugfix: Missing babel-preset-es2015 in dev.
562
673
 
563
- 0.10.8
564
- ------
674
+ 0.10.8
675
+
676
+ ---
565
677
 
566
678
  - Rebuild using [ES2015 Loose Mode](https://babeljs.algolia.com/docs/advanced/loose/).
567
679
 
568
- 0.10.7
569
- ------
680
+ 0.10.7
681
+
682
+ ---
570
683
 
571
684
  - Bugfix: `className` and `style` props on grid children were being incorrectly dropped, a holdover
572
685
  from when `cloneWithProps()` used to do this merging for us. They are now merged.
573
686
 
574
- 0.10.6
575
- ------
687
+ 0.10.6
688
+
689
+ ---
576
690
 
577
691
  - Bugfix: If both `props.layout` and `props.children.length` change in the same tick,
578
692
  props.layout would be clobbered. See #162
579
693
 
580
- 0.10.5
581
- ------
694
+ 0.10.5
695
+
696
+ ---
582
697
 
583
698
  - Bugfix/Enhancement: Margins were causing subtle error in some of the positioning calculations. This has
584
699
  been fixed.
585
700
 
586
- 0.10.4
587
- ------
701
+ 0.10.4
702
+
703
+ ---
588
704
 
589
705
  - Bugfix: Container height was calculated as less than expected due to improper addition of margin.
590
706
 
591
- 0.10.3
592
- ------
707
+ 0.10.3
708
+
709
+ ---
593
710
 
594
711
  - Bugfix: Round item positions even if they're currently resizing or dragging (#158, regression of #141)
595
712
  - Bugfix: Fix a positioning bug when margins are 0 (#160)
596
713
 
597
- 0.10.2
598
- ------
714
+ 0.10.2
715
+
716
+ ---
599
717
 
600
718
  - Bugfix: <RGL> would synchronize children with layout if the layout in props didn't match the state;
601
719
  this was meant to be a hook for the developer to supply a new layout. The incorrect check could cause the
@@ -607,13 +725,15 @@ Other changes:
607
725
  - Remove unused `offsetX` and `offsetY` from layouts.
608
726
  - Dependency updates.
609
727
 
610
- 0.10.1
611
- ------
728
+ 0.10.1
729
+
730
+ ---
612
731
 
613
732
  - Hotfix for default export incompatibility caused by Babel 6.
614
733
 
615
- 0.10.0
616
- ------
734
+ 0.10.0
735
+
736
+ ---
617
737
 
618
738
  This long-awaited release provides React 0.14 compatibility and a rewrite of the underlying
619
739
  `<Draggable>` functionality.
@@ -627,21 +747,24 @@ This long-awaited release provides React 0.14 compatibility and a rewrite of the
627
747
 
628
748
  Other changes:
629
749
 
630
- - *Finally* compatible with React 0.14! Big thanks to @menelike for his help.
750
+ - _Finally_ compatible with React 0.14! Big thanks to @menelike for his help.
631
751
  - Upgraded to Babel 6.
632
752
  - Full typechecking via Flow.
633
753
  - Lots of misc bugfixes.
754
+
634
755
  - See beta releases below for more details.
635
756
 
636
- 0.10.0-beta1
637
- ------------
757
+ 0.10.0-beta1
758
+
759
+ ---
638
760
 
639
761
  - Fixed a React import bug on ListensToWidth.jsx (#130; thanks @mrblueblue)
640
762
 
641
- 0.10.0-beta0
642
- ------------
763
+ 0.10.0-beta0
764
+
765
+ ---
643
766
 
644
- *This release is unstable!*
767
+ _This release is unstable!_
645
768
 
646
769
  - React 0.14 compatibility.
647
770
  - This release includes a rewrite of much of the project in ES6/7 style with Flow typing.
@@ -650,64 +773,72 @@ Other changes:
650
773
  - 0.10.0 is not yet complete. Use this release at your own risk.
651
774
 
652
775
  Known bugs:
653
- - The placeholder box does not properly follow the mouse and stays pinned to the active drag.
654
776
 
655
- 0.9.2
656
- -----
777
+ - The placeholder box does not properly follow the mouse and stays pinned to the active drag.
778
+
779
+ ## 0.9.2
657
780
 
658
781
  - Update `react-draggable` to `v0.8.0` to fix IE11 issues (#29).
659
782
 
660
- 0.9.1
661
- -----
783
+ 0.9.1
784
+
785
+ ---
662
786
 
663
787
  - Update `react-draggable` to `v0.7.3` to fix a bounds bug (#56).
664
788
 
665
- 0.9.0
666
- -----
789
+ 0.9.0
790
+
791
+ ---
667
792
 
668
793
  - Move off `react-draggable` fork to mainline `v0.7.2`. Incremented minor (major in the case of
669
794
  npm's `^`, since we are pre-v1) version in case of unforeseen conflicts.
670
795
 
671
- 0.8.3
672
- -----
796
+ 0.8.3
797
+
798
+ ---
673
799
 
674
800
  - Add `verticalCompact` toggle.
675
801
 
676
- 0.8.2
677
- -----
802
+ 0.8.2
803
+
804
+ ---
678
805
 
679
806
  - Fix a crash when initializing with no children.
680
807
 
681
- 0.8.1
682
- -----
808
+ 0.8.1
809
+
810
+ ---
683
811
 
684
812
  - Fixed React 0.13 warning about `isMounted()`.
685
813
  - Update to babel 5.
686
814
  - Added browser build for use with a `<script>` tag or in RequireJS builds.
687
815
  - Pinned react-draggable version in anticipation of React 0.13 update.
688
816
 
689
- 0.8.0
690
- -----
817
+ 0.8.0
818
+
819
+ ---
691
820
 
692
821
  - Changed signature on resize/drag callbacks to allow dynamic max/min W/H per item.
693
822
  - Fixed bug in `useCSSTransforms`.
694
823
  - Documentation and example fixes.
695
824
 
696
- 0.7.1
697
- -----
825
+ 0.7.1
826
+
827
+ ---
698
828
 
699
829
  - Added callbacks for resize and drag start/active/stop.
700
830
 
701
- 0.7.0
702
- -----
831
+ 0.7.0
832
+
833
+ ---
703
834
 
704
835
  **Breaking changes:**
705
836
 
706
837
  - `ReactGridLayout.props.handle` renamed to `ReactGridLayout.props.draggableHandle`.
707
838
 
708
839
  > This version contains a CSS update. This fixes a visual bug where you may see items quickly reset position
709
- and animate back to their original position on load, when you are using CSS transforms. To fix this bug,
710
- copy the rules from css/styles.css into your stylesheet.
840
+ > and animate back to their original position on load, when you are using CSS transforms. To fix this bug,
841
+ > copy the rules from css/styles.css into your stylesheet.
711
842
 
712
843
  Other changes:
713
844
 
@@ -715,9 +846,9 @@ Other changes:
715
846
  - Fixed some placement inconsistencies while RGL is mounting, with css transforms and percentages.
716
847
  - Fixed a duplicate className bug.
717
848
 
849
+ 0.6.2
718
850
 
719
- 0.6.2
720
- -----
851
+ ---
721
852
 
722
853
  - Fix #21 (error when passing only a single child).
723
854
  - Add GridItem.props.cancel.
@@ -725,37 +856,44 @@ Other changes:
725
856
  - Allow setting draggable/resizable per grid item, as well as existing `static` property.
726
857
  - Use object.assign to set `_grid` properties so we can more easily merge PRs in the future.
727
858
 
728
- 0.6.1
729
- -----
859
+ 0.6.1
730
860
 
731
- - Fixed #8 (current layout was not properly being stored when provided via _grid props).
861
+ ---
732
862
 
733
- 0.6.0
734
- -----
863
+ - Fixed #8 (current layout was not properly being stored when provided via \_grid props).
864
+
865
+ 0.6.0
866
+
867
+ ---
735
868
 
736
869
  - Optionally use CSS transforms for placement, fallback on position top/left.
737
870
  - Allow parent to set responsive breakpoint directly.
738
871
 
739
- 0.5.2
740
- -----
872
+ 0.5.2
873
+
874
+ ---
741
875
 
742
876
  - Fix Responsive import for node users
743
877
 
744
- 0.5.1
745
- -----
878
+ 0.5.1
879
+
880
+ ---
746
881
 
747
882
  - Add support for min/max dimension attributes.
748
883
  - Example tweak
749
884
 
750
- 0.5.0
751
- -----
885
+ 0.5.0
886
+
887
+ ---
888
+
752
889
  - Refactoring and demo tweaks. Update README with new params.
753
890
  - Add showcase example, tweak template
754
891
  - Refactor: Responsive Grid Layout is a separate element
755
892
  - Auto-generate examples from template rather than edit them individually.
756
893
 
757
- 0.4.0
758
- -----
894
+ 0.4.0
895
+
896
+ ---
759
897
 
760
898
  - Force lodash into commons chunk
761
899
  - More tweaks to grid collisions. This should fix bad swaps once and for all.
@@ -765,7 +903,6 @@ Other changes:
765
903
  - Rework responsive layouts, identify child elements by key rather than index. Added 2 new examples.
766
904
  - Fixup GridItem resizing feel a bit.
767
905
 
768
- < 0.4.0
769
- -------
906
+ ## < 0.4.0
770
907
 
771
908
  - Early development versions, too many changes to list.