plotline-engage 3.1.6 → 3.1.7

package/index.js

@@ -1,11 +1,26 @@
 
 import { NativeModules, Platform } from 'react-native';
-
+import { ScrollView, FlatList } from 'react-native';
 const { RNPlotline } = NativeModules;
-import PScrollView from './PScrollView';
-import PFlatList from './PFlatList';
 
 class plotline {
+    constructor() {
+        this.throttledNotifyScroll = this.throttle(this.handleScroll, 250);
+    }
+
+    throttle(func, limit) {
+        let inThrottle = false;
+        return function () {
+          if (!inThrottle) {
+            func.apply(this, arguments);
+            inThrottle = true;
+            setTimeout(() => {
+              inThrottle = false;
+            }, limit);
+          }
+        };
+    }
+
     track (eventName, properties) {
         if (properties)
             RNPlotline.track(eventName, properties);
@@ -41,12 +56,46 @@ class plotline {
         RNPlotline.debug();
     }
 
-    notifyScroll() {
+    handleScroll() {
         RNPlotline.notifyScroll();
     }
+
+    notifyScroll() {
+        this.throttledNotifyScroll();
+    }
 }
 
 const Plotline = new plotline();
 
+const PScrollView = (props) => {
+    const handleScroll = (event) => {
+        Plotline.notifyScroll();
+        if (props.onScroll) {
+            props.onScroll(event);
+        }
+    };
+
+    return (
+        <ScrollView {...props} onScroll={handleScroll} scrollEventThrottle={16}>
+            {props.children}
+        </ScrollView>
+    );
+};
+
+const PFlatList = (props) => {
+    const handleScroll = (event) => {
+        Plotline.notifyScroll();
+        if (props.onScroll) {
+            props.onScroll(event);
+        }
+    };
+
+    return (
+        <FlatList {...props} onScroll={handleScroll} scrollEventThrottle={16}>
+            {props.children}
+        </FlatList>
+    );
+};
+
 export default Plotline;
 export {PScrollView, PFlatList};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotline-engage",
-  "version": "3.1.6",
+  "version": "3.1.7",
   "description": "React Native plugin for Plotline",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/PFlatList.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import { NativeModules, FlatList } from 'react-native';
-const { RNPlotline } = NativeModules;
-
-class PFlatList extends Component {
-  constructor() {
-    super();
-    this.handleScroll = this.handleScroll.bind(this);
-    this.throttleTimeout = null;
-    this.isThrottled = false;
-  }
-
-  handleScroll(event) {
-    if (!this.isThrottled) {
-      RNPlotline.notifyScroll();
-      this.isThrottled = true;
-      clearTimeout(this.throttleTimeout);
-      this.throttleTimeout = setTimeout(() => {
-        this.isThrottled = false;
-      }, 250);
-    }
-
-    if (this.props.onScroll) {
-      this.props.onScroll(event);
-    }
-  }
-
-  render() {
-    return (
-      <FlatList {...this.props} onScroll={this.handleScroll} scrollEventThrottle={16}>
-        {this.props.children}
-      </FlatList>
-    );
-  }
-}
-
-export default PFlatList;

package/PScrollView.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import { NativeModules, ScrollView } from 'react-native';
-const { RNPlotline } = NativeModules;
-
-class PScrollView extends Component {
-  constructor() {
-    super();
-    this.handleScroll = this.handleScroll.bind(this);
-    this.throttleTimeout = null;
-    this.isThrottled = false;
-  }
-
-  handleScroll(event) {
-    if (!this.isThrottled) {
-      RNPlotline.notifyScroll();
-      this.isThrottled = true;
-      clearTimeout(this.throttleTimeout);
-      this.throttleTimeout = setTimeout(() => {
-        this.isThrottled = false;
-      }, 250);
-    }
-
-    if (this.props.onScroll) {
-      this.props.onScroll(event);
-    }
-  }
-
-  render() {
-    return (
-      <ScrollView {...this.props} onScroll={this.handleScroll} scrollEventThrottle={16}>
-        {this.props.children}
-      </ScrollView>
-    );
-  }
-}
-
-export default PScrollView;