import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { Scrollbars } from 'react-custom-scrollbars'; import { scrollDirections } from 'Helpers/Props'; import styles from './OverlayScroller.css'; class OverlayScroller extends Component { // // Lifecycle constructor(props, context) { super(props, context); this._scroller = null; } componentDidUpdate(prevProps) { const { scrollTop } = this.props; if (scrollTop != null && scrollTop !== prevProps.scrollTop) { this._scroller.scrollTop(scrollTop); } } // // Control _setScrollRef = (ref) => { this._scroller = ref; } _renderThumb = (props) => { return (
); } _renderView = (props) => { return ( ); } // // Listers onScroll = (event) => { const { scrollTop, scrollLeft } = event.currentTarget; const onScroll = this.props.onScroll; if (onScroll) { onScroll({ scrollTop, scrollLeft }); } } // // Render render() { const { autoHide, autoScroll, children } = this.props; return (