react-window 1.8.11 → 2.0.0-alpha.0

package/src/domHelpers.js

@@ -1,72 +0,0 @@
-// @flow
-
-let size: number = -1;
-
-// This utility copied from "dom-helpers" package.
-export function getScrollbarSize(recalculate?: boolean = false): number {
-  if (size === -1 || recalculate) {
-    const div = document.createElement('div');
-    const style = div.style;
-    style.width = '50px';
-    style.height = '50px';
-    style.overflow = 'scroll';
-
-    ((document.body: any): HTMLBodyElement).appendChild(div);
-
-    size = div.offsetWidth - div.clientWidth;
-
-    ((document.body: any): HTMLBodyElement).removeChild(div);
-  }
-
-  return size;
-}
-
-export type RTLOffsetType =
-  | 'negative'
-  | 'positive-descending'
-  | 'positive-ascending';
-
-let cachedRTLResult: RTLOffsetType | null = null;
-
-// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
-// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
-// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
-// The safest way to check this is to intentionally set a negative offset,
-// and then verify that the subsequent "scroll" event matches the negative offset.
-// If it does not match, then we can assume a non-standard RTL scroll implementation.
-export function getRTLOffsetType(recalculate?: boolean = false): RTLOffsetType {
-  if (cachedRTLResult === null || recalculate) {
-    const outerDiv = document.createElement('div');
-    const outerStyle = outerDiv.style;
-    outerStyle.width = '50px';
-    outerStyle.height = '50px';
-    outerStyle.overflow = 'scroll';
-    outerStyle.direction = 'rtl';
-
-    const innerDiv = document.createElement('div');
-    const innerStyle = innerDiv.style;
-    innerStyle.width = '100px';
-    innerStyle.height = '100px';
-
-    outerDiv.appendChild(innerDiv);
-
-    ((document.body: any): HTMLBodyElement).appendChild(outerDiv);
-
-    if (outerDiv.scrollLeft > 0) {
-      cachedRTLResult = 'positive-descending';
-    } else {
-      outerDiv.scrollLeft = 1;
-      if (outerDiv.scrollLeft === 0) {
-        cachedRTLResult = 'negative';
-      } else {
-        cachedRTLResult = 'positive-ascending';
-      }
-    }
-
-    ((document.body: any): HTMLBodyElement).removeChild(outerDiv);
-
-    return cachedRTLResult;
-  }
-
-  return cachedRTLResult;
-}

package/src/index.js

@@ -1,9 +0,0 @@
-// @flow
-
-export { default as VariableSizeGrid } from './VariableSizeGrid';
-export { default as VariableSizeList } from './VariableSizeList';
-export { default as FixedSizeGrid } from './FixedSizeGrid';
-export { default as FixedSizeList } from './FixedSizeList';
-
-export { default as areEqual } from './areEqual';
-export { default as shouldComponentUpdate } from './shouldComponentUpdate';

package/src/shallowDiffers.js

@@ -1,17 +0,0 @@
-// @flow
-
-// Pulled from react-compat
-// https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349
-export default function shallowDiffers(prev: Object, next: Object): boolean {
-  for (let attribute in prev) {
-    if (!(attribute in next)) {
-      return true;
-    }
-  }
-  for (let attribute in next) {
-    if (prev[attribute] !== next[attribute]) {
-      return true;
-    }
-  }
-  return false;
-}

package/src/shouldComponentUpdate.js

@@ -1,16 +0,0 @@
-// @flow
-
-import areEqual from './areEqual';
-import shallowDiffers from './shallowDiffers';
-
-// Custom shouldComponentUpdate for class components.
-// It knows to compare individual style props and ignore the wrapper object.
-// See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
-export default function shouldComponentUpdate(
-  nextProps: Object,
-  nextState: Object
-): boolean {
-  return (
-    !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState)
-  );
-}

package/src/timer.js

@@ -1,37 +0,0 @@
-// @flow
-
-// Animation frame based implementation of setTimeout.
-// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
-
-const hasNativePerformanceNow =
-  typeof performance === 'object' && typeof performance.now === 'function';
-
-const now = hasNativePerformanceNow
-  ? () => performance.now()
-  : () => Date.now();
-
-export type TimeoutID = {|
-  id: AnimationFrameID,
-|};
-
-export function cancelTimeout(timeoutID: TimeoutID) {
-  cancelAnimationFrame(timeoutID.id);
-}
-
-export function requestTimeout(callback: Function, delay: number): TimeoutID {
-  const start = now();
-
-  function tick() {
-    if (now() - start >= delay) {
-      callback.call(null);
-    } else {
-      timeoutID.id = requestAnimationFrame(tick);
-    }
-  }
-
-  const timeoutID: TimeoutID = {
-    id: requestAnimationFrame(tick),
-  };
-
-  return timeoutID;
-}