{\n this.Grid = ref\n }}\n scrollToRow={scrollToIndex}\n />\n )\n }\n\n shouldComponentUpdate (nextProps, nextState) {\n return shallowCompare(this, nextProps, nextState)\n }\n\n _cellRenderer ({ columnIndex, isScrolling, rowIndex }) {\n const { rowRenderer } = this.props\n\n return rowRenderer({\n index: rowIndex,\n isScrolling\n })\n }\n\n _createRowClassNameGetter () {\n const { rowClassName } = this.props\n\n return rowClassName instanceof Function\n ? ({ rowIndex }) => rowClassName({ index: rowIndex })\n : () => rowClassName\n }\n\n _createRowStyleGetter () {\n const { rowStyle } = this.props\n\n const wrapped = rowStyle instanceof Function\n ? rowStyle\n : () => rowStyle\n\n // Default width to 100% to prevent list rows from flowing under the vertical scrollbar\n return ({ rowIndex }) => ({\n width: '100%',\n ...wrapped({ index: rowIndex })\n })\n }\n\n _onScroll ({ clientHeight, scrollHeight, scrollTop }) {\n const { onScroll } = this.props\n\n onScroll({ clientHeight, scrollHeight, scrollTop })\n }\n\n _onSectionRendered ({ rowOverscanStartIndex, rowOverscanStopIndex, rowStartIndex, rowStopIndex }) {\n const { onRowsRendered } = this.props\n\n onRowsRendered({\n overscanStartIndex: rowOverscanStartIndex,\n overscanStopIndex: rowOverscanStopIndex,\n startIndex: rowStartIndex,\n stopIndex: rowStopIndex\n })\n }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** ./source/VirtualScroll/VirtualScroll.js\n **/","export default from './WindowScroller'\nexport WindowScroller from './WindowScroller'\n\n\n\n/** WEBPACK FOOTER **\n ** ./source/WindowScroller/index.js\n **/","/** @flow */\nimport React, { Component, PropTypes } from 'react'\nimport ReactDOM from 'react-dom'\nimport shallowCompare from 'react-addons-shallow-compare'\nimport raf from 'raf'\n\n/**\n * Specifies the number of miliseconds during which to disable pointer events while a scroll is in progress.\n * This improves performance and makes scrolling smoother.\n */\nconst IS_SCROLLING_TIMEOUT = 150\n\nexport default class WindowScroller extends Component {\n static propTypes = {\n /**\n * Function respondible for rendering children.\n * This function should implement the following signature:\n * ({ height, scrollTop }) => PropTypes.element\n */\n children: PropTypes.func.isRequired,\n\n /** Callback to be invoked on-resize: ({ height }) */\n onResize: PropTypes.func.isRequired,\n\n /** Callback to be invoked on-scroll: ({ scrollTop }) */\n onScroll: PropTypes.func.isRequired\n }\n\n static defaultProps = {\n onResize: () => {},\n onScroll: () => {}\n }\n\n constructor (props) {\n super(props)\n\n this.state = {\n isScrolling: false,\n height: 0,\n scrollTop: 0\n }\n\n this._onScrollWindow = this._onScrollWindow.bind(this)\n this._onResizeWindow = this._onResizeWindow.bind(this)\n this._enablePointerEventsAfterDelayCallback = this._enablePointerEventsAfterDelayCallback.bind(this)\n }\n\n componentDidMount () {\n this._positionFromTop = ReactDOM.findDOMNode(this).getBoundingClientRect().top\n\n this.setState({ height: window.innerHeight })\n\n window.addEventListener('scroll', this._onScrollWindow, false)\n window.addEventListener('resize', this._onResizeWindow, false)\n }\n\n componentWillUnmount () {\n window.removeEventListener('scroll', this._onScrollWindow, false)\n window.removeEventListener('resize', this._onResizeWindow, false)\n }\n\n /**\n * Updates the state during the next animation frame.\n * Use this method to avoid multiple renders in a small span of time.\n * This helps performance for bursty events (like onScroll).\n */\n _setNextState (state) {\n if (this._setNextStateAnimationFrameId) {\n raf.cancel(this._setNextStateAnimationFrameId)\n }\n\n this._setNextStateAnimationFrameId = raf(() => {\n this._setNextStateAnimationFrameId = null\n this.setState(state)\n })\n }\n\n render () {\n const { children } = this.props\n const { isScrolling, scrollTop, height } = this.state\n\n return (\n \n {children({\n height,\n isScrolling,\n scrollTop\n })}\n
\n )\n }\n\n shouldComponentUpdate (nextProps, nextState) {\n return shallowCompare(this, nextProps, nextState)\n }\n\n _enablePointerEventsAfterDelay () {\n if (this._disablePointerEventsTimeoutId) {\n clearTimeout(this._disablePointerEventsTimeoutId)\n }\n\n this._disablePointerEventsTimeoutId = setTimeout(\n this._enablePointerEventsAfterDelayCallback,\n IS_SCROLLING_TIMEOUT\n )\n }\n\n _enablePointerEventsAfterDelayCallback () {\n this._disablePointerEventsTimeoutId = null\n\n document.body.style.pointerEvents = this._originalBodyPointerEvents\n\n this._originalBodyPointerEvents = null\n\n this.setState({\n isScrolling: false\n })\n }\n\n _onResizeWindow (event) {\n const { onResize } = this.props\n\n const height = window.innerHeight || 0\n\n this.setState({ height })\n\n onResize({ height })\n }\n\n _onScrollWindow (event) {\n const { onScroll } = this.props\n\n // In IE10+ scrollY is undefined, so we replace that with the latter\n const scrollY = ('scrollY' in window)\n ? window.scrollY\n : document.documentElement.scrollTop\n\n const scrollTop = Math.max(0, scrollY - this._positionFromTop)\n\n if (this._originalBodyPointerEvents == null) {\n this._originalBodyPointerEvents = document.body.style.pointerEvents\n\n document.body.style.pointerEvents = 'none'\n\n this._enablePointerEventsAfterDelay()\n }\n\n const state = {\n isScrolling: true,\n scrollTop\n }\n\n if (!this.state.isScrolling) {\n this.setState(state)\n } else {\n this._setNextState(state)\n }\n\n onScroll({ scrollTop })\n }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** ./source/WindowScroller/WindowScroller.js\n **/"],"sourceRoot":""}