chore: refactoring and moving files around (#508)

* chore: Refactoring and moving files around

* fix: issue with react-window basic setup list

* Update logic to omit consumed props

Author: Claudéric Demers

src/.stories/index.js

@@ -620,6 +620,13 @@ storiesOf('Other | Virtualization libraries / react-window', module)
           items={getItems(500, 59)}
           itemHeight={59}
           helperClass={style.stylizedHelper}
+          onSortEnd={(ref) => {
+            // We need to inform React Window that the order of the items has changed
+            const instance = ref.getWrappedInstance();
+            const list = instance.refs.VirtualList;
+
+            list.forceUpdate();
+          }}
         />
       </div>
     );
@@ -632,7 +639,7 @@ storiesOf('Other | Virtualization libraries / react-window', module)
           items={getItems(500)}
           helperClass={style.stylizedHelper}
           onSortEnd={(ref) => {
-            // We need to inform React Virtualized that the item heights have changed
+            // We need to inform React Window that the item heights have changed
             const instance = ref.getWrappedInstance();
             const list = instance.refs.VirtualList;
 

src/AutoScroller/index.js

@@ -0,0 +1,85 @@
+export default class AutoScroller {
+  constructor(container, onScrollCallback) {
+    this.container = container;
+    this.onScrollCallback = onScrollCallback;
+  }
+
+  clear() {
+    clearInterval(this.interval);
+    this.interval = null;
+  }
+
+  update({translate, minTranslate, maxTranslate, width, height}) {
+    const direction = {
+      x: 0,
+      y: 0,
+    };
+    const speed = {
+      x: 1,
+      y: 1,
+    };
+    const acceleration = {
+      x: 10,
+      y: 10,
+    };
+
+    const {
+      scrollTop,
+      scrollLeft,
+      scrollHeight,
+      scrollWidth,
+      clientHeight,
+      clientWidth,
+    } = this.container;
+
+    const isTop = scrollTop === 0;
+    const isBottom = scrollHeight - scrollTop - clientHeight === 0;
+    const isLeft = scrollLeft === 0;
+    const isRight = scrollWidth - scrollLeft - clientWidth === 0;
+
+    if (translate.y >= maxTranslate.y - height / 2 && !isBottom) {
+      // Scroll Down
+      direction.y = 1;
+      speed.y =
+        acceleration.y *
+        Math.abs((maxTranslate.y - height / 2 - translate.y) / height);
+    } else if (translate.x >= maxTranslate.x - width / 2 && !isRight) {
+      // Scroll Right
+      direction.x = 1;
+      speed.x =
+        acceleration.x *
+        Math.abs((maxTranslate.x - width / 2 - translate.x) / width);
+    } else if (translate.y <= minTranslate.y + height / 2 && !isTop) {
+      // Scroll Up
+      direction.y = -1;
+      speed.y =
+        acceleration.y *
+        Math.abs((translate.y - height / 2 - minTranslate.y) / height);
+    } else if (translate.x <= minTranslate.x + width / 2 && !isLeft) {
+      // Scroll Left
+      direction.x = -1;
+      speed.x =
+        acceleration.x *
+        Math.abs((translate.x - width / 2 - minTranslate.x) / width);
+    }
+
+    if (this.interval) {
+      this.clear();
+      this.isAutoScrolling = false;
+    }
+
+    if (direction.x !== 0 || direction.y !== 0) {
+      this.interval = setInterval(() => {
+        this.isAutoScrolling = true;
+        const offset = {
+          left: speed.x * direction.x,
+          top: speed.y * direction.y,
+        };
+        this.container.scrollTop += offset.top;
+        this.container.scrollLeft += offset.left;
+
+        this.onScrollCallback(offset);
+      }, 5);
+    }
+  }
+}

src/Manager.js renamed to src/Manager/index.js

@@ -0,0 +1,6 @@
+export default function defaultGetHelperDimensions({node}) {
+  return {
+    height: node.offsetHeight,
+    width: node.offsetWidth,
+  };
+}

src/SortableContainer/defaultGetHelperDimensions.js

@@ -0,0 +1,11 @@
+export default function defaultShouldCancelStart(event) {
+  // Cancel sorting if the event target is an `input`, `textarea`, `select` or `option`
+  const disabledElements = ['input', 'textarea', 'select', 'option', 'button'];
+
+  if (disabledElements.indexOf(event.target.tagName.toLowerCase()) !== -1) {
+    // Return true to cancel sorting
+    return true;
+  }
+
+  return false;
+}