New: Project Aphrodite

2026-04-20 22:14:34 -04:00 · 2018-11-23 02:04:42 -05:00
parent 65efa15551
commit 8430cb40ab
1080 changed files with 73015 additions and 0 deletions
@@ -0,0 +1,127 @@
+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;
+    this._isScrolling = false;
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      scrollTop
+    } = this.props;
+
+    if (!this._isScrolling && scrollTop != null && scrollTop !== prevProps.scrollTop) {
+      this._scroller.scrollTop(scrollTop);
+    }
+  }
+
+  //
+  // Control
+
+  _setScrollRef = (ref) => {
+    this._scroller = ref;
+  }
+
+  _renderThumb = (props) => {
+    return (
+      <div
+        className={this.props.trackClassName}
+        {...props}
+      />
+    );
+  }
+
+  _renderView = (props) => {
+    return (
+      <div
+        className={this.props.className}
+        {...props}
+      />
+    );
+  }
+
+  //
+  // Listers
+
+  onScrollStart = () => {
+    this._isScrolling = true;
+  }
+
+  onScrollStop = () => {
+    this._isScrolling = false;
+  }
+
+  onScroll = (event) => {
+    const {
+      scrollTop,
+      scrollLeft
+    } = event.currentTarget;
+
+    this._isScrolling = true;
+    const onScroll = this.props.onScroll;
+
+    if (onScroll) {
+      onScroll({ scrollTop, scrollLeft });
+    }
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      autoHide,
+      autoScroll,
+      children
+    } = this.props;
+
+    return (
+      <Scrollbars
+        ref={this._setScrollRef}
+        autoHide={autoHide}
+        hideTracksWhenNotNeeded={autoScroll}
+        renderThumbHorizontal={this._renderThumb}
+        renderThumbVertical={this._renderThumb}
+        renderView={this._renderView}
+        onScrollStart={this.onScrollStart}
+        onScrollStop={this.onScrollStop}
+        onScroll={this.onScroll}
+      >
+        {children}
+      </Scrollbars>
+    );
+  }
+
+}
+
+OverlayScroller.propTypes = {
+  className: PropTypes.string,
+  trackClassName: PropTypes.string,
+  scrollTop: PropTypes.number,
+  scrollDirection: PropTypes.oneOf([scrollDirections.NONE, scrollDirections.HORIZONTAL, scrollDirections.VERTICAL]).isRequired,
+  autoHide: PropTypes.bool.isRequired,
+  autoScroll: PropTypes.bool.isRequired,
+  children: PropTypes.node,
+  onScroll: PropTypes.func
+};
+
+OverlayScroller.defaultProps = {
+  className: styles.scroller,
+  trackClassName: styles.thumb,
+  scrollDirection: scrollDirections.VERTICAL,
+  autoHide: false,
+  autoScroll: true
+};
+
+export default OverlayScroller;