rename ParallaxScrollListener to ParallaxController for clarity; use a static method to initialize new instances; update Parallax components to reference new global name; update example client init functions

Author: jscottsmith

examples/parallax-example/client.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { ParallaxExample } from 'components';
-import { ParallaxScroller } from 'react-scroll-parallax';
+import { ParallaxController } from 'react-scroll-parallax';
 
-ParallaxScroller.init();
+ParallaxController.init();
 
 const root = document.getElementById('root');
 

examples/parallax-test/client.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { ParallaxTest } from 'components';
-import { ParallaxScroller } from 'react-scroll-parallax';
+import { ParallaxController } from 'react-scroll-parallax';
 
-ParallaxScroller.init();
+ParallaxController.init();
 
 const root = document.getElementById('root');
 

src/components/Parallax.js

@@ -28,11 +28,11 @@ export default class Parallax extends Component {
 
     componentDidMount() {
         // add this Parallax element to the global listener
-        if (typeof ParallaxScrollListener === 'undefined') {
-            throw new Error('Must initialize the ParallaxScroller before adding React Parallax components.');
+        if (typeof ParallaxController === 'undefined') {
+            throw new Error('Must initialize the ParallaxController before adding React Parallax components.');
         }
         // create a new parallax element and save the reference
-        this.element = ParallaxScrollListener.createElement({
+        this.element = ParallaxController.createElement({
             elInner: this._inner,
             elOuter: this._outer,
             props: this.props,
@@ -42,16 +42,16 @@ export default class Parallax extends Component {
     componentWillReceiveProps(nextProps) {
         // updates the elements props when changed
         if (this.props !== nextProps) {
-            ParallaxScrollListener.updateElement(this.element, { props: nextProps });
+            ParallaxController.updateElement(this.element, { props: nextProps });
         }
         // resets element styles when disabled
         if (this.props.disabled !== nextProps.disabled && nextProps.disabled) {
-            ParallaxScrollListener.resetElementStyles(this.element);
+            ParallaxController.resetElementStyles(this.element);
         }
     }
 
     componentWillUnmount() {
-        ParallaxScrollListener.removeElement(this.element);
+        ParallaxController.removeElement(this.element);
     }
 
     // refs

src/index.js

@@ -1,2 +1,2 @@
 export Parallax from './components/Parallax';
-export ParallaxScroller from './libs/ParallaxScroller';
+export ParallaxController from './libs/ParallaxController';