@mjhls/mjh-framework 1.0.884-gridcontent-paginated-v1 → 1.0.884-gridcontent-paginated-v2

package/dist/cjs/GridContentPaginated.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var stringify = require('./stringify-f7a37a8d.js');
 var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var _extends = require('./extends-7c86182f.js');
@@ -44,7 +45,6 @@ require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./Beam.js');
-require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
@@ -75,18 +75,14 @@ var GridContent = function (_React$Component) {
     }
 
     return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = GridContent.__proto__ || inherits._Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.client = _this.props.client, _this.seoPaginate = _this.props.seoPaginate, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      isDataLoading: false,
       data: _this.data,
+      prevData: _this.data,
       itemsPerPage: _this.params ? _this.params.itemsPerPage : _this.params.from && _this.params.to ? _this.params.to - _this.params.from : 30,
-      page: _this.props.currentPage || 1,
-      from: _this.params ? _this.params.from : 0,
-      to: _this.params ? _this.params.to : 30,
-      total_pages: null,
-      query: _this.query,
       currentPage: _this.props.currentPage || 1,
       lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
       showCategory: _this.props.showCategory ? _this.props.showCategory : false,
       contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : [],
-      isDataLoading: false,
       totalDataCount: _this.props.totalDataCount
     }, _this.componentDidUpdate = function (prevProps, prevState) {
       var _this$props = _this.props,
@@ -685,6 +681,18 @@ var GridContent = function (_React$Component) {
         )
       );
     }
+  }], [{
+    key: 'getDerivedStateFromProps',
+    value: function getDerivedStateFromProps(props, state) {
+      if (stringify._JSON$stringify(props.dataRecord) !== stringify._JSON$stringify(state.prevData)) {
+        return {
+          data: props.dataRecord,
+          prevData: props.dataRecord,
+          currentPage: props.currentPage
+        };
+      }
+      return null;
+    }
   }]);
 
   return GridContent;

package/dist/esm/GridContentPaginated.js

@@ -1,3 +1,4 @@
+import { _ as _JSON$stringify } from './stringify-2b084bee.js';
 import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
 import { _ as _extends } from './extends-6d8e3924.js';
@@ -42,7 +43,6 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
-import './stringify-2b084bee.js';
 import './Segment.js';
 import './eq-bdcbf886.js';
 import './index-3f5c03b2.js';
@@ -64,18 +64,14 @@ var GridContent = function (_React$Component) {
     }
 
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = GridContent.__proto__ || _Object$getPrototypeOf(GridContent)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.client = _this.props.client, _this.seoPaginate = _this.props.seoPaginate, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      isDataLoading: false,
       data: _this.data,
+      prevData: _this.data,
       itemsPerPage: _this.params ? _this.params.itemsPerPage : _this.params.from && _this.params.to ? _this.params.to - _this.params.from : 30,
-      page: _this.props.currentPage || 1,
-      from: _this.params ? _this.params.from : 0,
-      to: _this.params ? _this.params.to : 30,
-      total_pages: null,
-      query: _this.query,
       currentPage: _this.props.currentPage || 1,
       lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
       showCategory: _this.props.showCategory ? _this.props.showCategory : false,
       contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : [],
-      isDataLoading: false,
       totalDataCount: _this.props.totalDataCount
     }, _this.componentDidUpdate = function (prevProps, prevState) {
       var _this$props = _this.props,
@@ -674,6 +670,18 @@ var GridContent = function (_React$Component) {
         )
       );
     }
+  }], [{
+    key: 'getDerivedStateFromProps',
+    value: function getDerivedStateFromProps(props, state) {
+      if (_JSON$stringify(props.dataRecord) !== _JSON$stringify(state.prevData)) {
+        return {
+          data: props.dataRecord,
+          prevData: props.dataRecord,
+          currentPage: props.currentPage
+        };
+      }
+      return null;
+    }
   }]);
 
   return GridContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.884-gridcontent-paginated-v1",
+  "version": "1.0.884-gridcontent-paginated-v2",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",