FilterList: Fixed the issue of onDisplay invocation when its using pagination.

Author: Koji Miyauchi

lib/FilteredList/List.js

@@ -88,7 +88,7 @@ var List = function (_React$Component) {
         }
     }, {
         key: 'componentDidUpdate',
-        value: function componentDidUpdate() {
+        value: function componentDidUpdate(prevProps) {
             var _props3 = this.props,
                 onDisplay = _props3.onDisplay,
                 onNumOfListChange = _props3.onNumOfListChange,
@@ -102,7 +102,7 @@ var List = function (_React$Component) {
             /* Only setState and invoke callbacks when the state is changed to avoid infinite loop */
 
 
-            if (activeData.length !== this.state.numOfItems || startingArticle !== this.state.startingArticle || lastArticle !== this.state.lastArticle) {
+            if (activeData.length !== this.state.numOfItems || startingArticle !== this.state.startingArticle || lastArticle !== this.state.lastArticle || prevProps.data.length !== data.length) {
                 this.updateStatus();
             }
         }

src/FilteredList/List.js

@@ -53,14 +53,15 @@ class List extends React.Component {
         return populatedContainer;
     }
 
-    componentDidUpdate() {
+    componentDidUpdate(prevProps) {
         const { onDisplay, onNumOfListChange, data } = this.props;
         const { activeData, startingArticle, lastArticle } = calcActiveData(this.props);
 
         /* Only setState and invoke callbacks when the state is changed to avoid infinite loop */
         if ( activeData.length !== this.state.numOfItems ||
             startingArticle !== this.state.startingArticle ||
-            lastArticle !== this.state.lastArticle) {
+            lastArticle !== this.state.lastArticle || 
+            prevProps.data.length !== data.length) {
             this.updateStatus();
         }
     }