Merge PR clauderic#484 - Add disableAutoscroll

Author: redking

CHANGELOG.md

@@ -2,6 +2,23 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+<a name="1.5.4"></a>
+
+## [1.5.4](https://github.com/clauderic/react-sortable-hoc/compare/v1.5.3...v1.5.4) (2019-02-07)
+
+### Bug Fixes
+
+- overflow bug while dragging an item upwards in a grid ([1a2c87e](https://github.com/clauderic/react-sortable-hoc/commit/1a2c87e))
+- virtualized collection grid bug ([a57975c](https://github.com/clauderic/react-sortable-hoc/commit/a57975c))
+
+<a name="1.5.3"></a>
+
+## [1.5.3](https://github.com/clauderic/react-sortable-hoc/compare/v1.1.0...v1.5.3) (2019-01-25)
+
+### Bug Fixes
+
+- omit spreading helperContainer prop on WrappedComponent ([#497](https://github.com/clauderic/react-sortable-hoc/issues/497)) ([12bafdf](https://github.com/clauderic/react-sortable-hoc/commit/12bafdf))
+
 <a name="1.5.2"></a>
 
 ## [1.5.2](https://github.com/clauderic/react-sortable-hoc/compare/v1.5.1...v1.5.2) (2019-01-22)

README.md

@@ -122,6 +122,7 @@ There are already a number of great Drag & Drop libraries out there (for instanc
 | getContainer               | Function                                              |                                                                                                                | Optional function to return the scrollable container element. This property defaults to the `SortableContainer` element itself or (if `useWindowAsScrollContainer` is true) the window. Use this function to specify a custom container object (eg this is useful for integrating with certain 3rd party components such as `FlexTable`). This function is passed a single parameter (the `wrappedInstance` React element) and it is expected to return a DOM element. |
 | getHelperDimensions        | Function                                              | [Function](https://github.com/clauderic/react-sortable-hoc/blob/master/src/SortableContainer/index.js#L74-L77) | Optional `function({node, index, collection})` that should return the computed dimensions of the SortableHelper. See [default implementation](https://github.com/clauderic/react-sortable-hoc/blob/master/src/SortableContainer/index.js#L74-L77) for more details                                                                                                                                                                                                     |
 | helperContainer            | HTMLElement \| Function                               | `document.body`                                                                                                | By default, the cloned sortable helper is appended to the document body. Use this prop to specify a different container for the sortable clone to be appended to. Accepts an `HTMLElement` or a function returning an `HTMLElement` that will be invoked before right before sorting begins                                                                                                                                                                            |
+| disableAutoscroll          | Boolean                                               | `false`                                                                                                        | Disables autoscrolling while dragging                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 
 \* `OffsetValue` can either be a finite `Number` or a `String` made up of a number and a unit (`px` or `%`).
 Examples: `10` (which is the same as `"10px"`), `"50%"`

src/SortableContainer/index.js

@@ -82,6 +82,7 @@ export default function sortableContainer(
         width: node.offsetWidth,
         height: node.offsetHeight,
       }),
+      disableAutoscroll: false,
     };
 
     static propTypes = {
@@ -121,6 +122,7 @@ export default function sortableContainer(
           ? PropTypes.any
           : PropTypes.instanceOf(HTMLElement),
       ]),
+      disableAutoscroll: PropTypes.bool,
     };
 
     static childContextTypes = {
@@ -798,6 +800,12 @@ export default function sortableContainer(
     }
 
     autoscroll = () => {
+      const {disableAutoscroll} = this.props;
+
+      if (disableAutoscroll) {
+        return;
+      }
+
       const translate = this.dragLayer.translate;
       const direction = {
         x: 0,