@enykeev/react-virtualized/dist/es/utils/requestAnimationTimeout.js

React components for efficiently rendering large, scrollable lists and tabular data

import { caf, raf } from './animationFrame';
/*:: export type AnimationTimeoutId = {
  id: number,
};*/

export var cancelAnimationTimeout = function cancelAnimationTimeout(frame
/*: AnimationTimeoutId*/
) {
  return caf(frame.id);
};
/**
 * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.
 * When the delay time has been reached the function you're timing out will be called.
 *
 * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)
 */

export var requestAnimationTimeout = function requestAnimationTimeout(callback
/*: Function*/
, delay
/*: number*/
)
/*: AnimationTimeoutId*/
{
  var start; // wait for end of processing current event handler, because event handler may be long

  Promise.resolve().then(function () {
    start = Date.now();
  });

  var timeout = function timeout() {
    if (Date.now() - start >= delay) {
      callback.call();
    } else {
      frame.id = raf(timeout);
    }
  };

  var frame
  /*: AnimationTimeoutId*/
  = {
    id: raf(timeout)
  };
  return frame;
};