plotline-engage 3.1.4 → 3.1.6

package/PFlatList.js

@@ -1,15 +1,29 @@
 import React, { Component } from 'react';
-import { FlatList } from 'react-native';
-import Plotline from '.';
+import { NativeModules, FlatList } from 'react-native';
+const { RNPlotline } = NativeModules;
 
 class PFlatList extends Component {
-  handleScroll = (event) => {
-    Plotline.notifyScroll();
+  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 (

package/PScrollView.js

@@ -1,15 +1,29 @@
 import React, { Component } from 'react';
-import { ScrollView } from 'react-native';
-import Plotline from '.';
+import { NativeModules, ScrollView } from 'react-native';
+const { RNPlotline } = NativeModules;
 
 class PScrollView extends Component {
-  handleScroll = (event) => {
-    Plotline.notifyScroll();
+  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 (

package/index.js

@@ -6,23 +6,6 @@ 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);
@@ -58,12 +41,8 @@ class plotline {
         RNPlotline.debug();
     }
 
-    handleScroll() {
-        RNPlotline.notifyScroll();
-    }
-
     notifyScroll() {
-        this.throttledNotifyScroll();
+        RNPlotline.notifyScroll();
     }
 }
 

package/package.json

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