@mjhls/mjh-framework 1.0.236 → 1.0.238

package/dist/cjs/MasterDeck-91c6ad85.js

@@ -0,0 +1,917 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var _toObject = require('./_to-object-329a650b.js');
+var web_dom_iterable = require('./web.dom.iterable-0998bdc3.js');
+var inherits$2 = require('./inherits-5b5ca8db.js');
+var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-e049ca4a.js');
+var _extends$2 = require('./extends-e94dbea5.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var index = require('./index-fa3cec70.js');
+var Container = _interopDefault(require('react-bootstrap/Container'));
+var Row = _interopDefault(require('react-bootstrap/Row'));
+require('react-bootstrap/Col');
+require('react-bootstrap/Card');
+var visibilitySensor = require('./visibility-sensor-b72d9527.js');
+require('next/link');
+var Router = require('next/router');
+var Router__default = _interopDefault(Router);
+var debounce = require('./debounce-bbca43c4.js');
+require('./index-39beccb3.js');
+var main = require('./main-d9a1b014.js');
+
+var _anInstance = function (it, Constructor, name, forbiddenField) {
+  if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
+    throw TypeError(name + ': incorrect invocation!');
+  } return it;
+};
+
+var _forOf = _commonjsHelpers.createCommonjsModule(function (module) {
+var BREAK = {};
+var RETURN = {};
+var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
+  var iterFn = ITERATOR ? function () { return iterable; } : core_getIteratorMethod.core_getIteratorMethod(iterable);
+  var f = _toObject._ctx(fn, that, entries ? 2 : 1);
+  var index = 0;
+  var length, step, iterator, result;
+  if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');
+  // fast case for arrays with default iterator
+  if (toConsumableArray._isArrayIter(iterFn)) for (length = _toObject._toLength(iterable.length); length > index; index++) {
+    result = entries ? f(_toObject._anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
+    if (result === BREAK || result === RETURN) return result;
+  } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {
+    result = toConsumableArray._iterCall(iterator, f, step.value, entries);
+    if (result === BREAK || result === RETURN) return result;
+  }
+};
+exports.BREAK = BREAK;
+exports.RETURN = RETURN;
+});
+
+// 7.3.20 SpeciesConstructor(O, defaultConstructor)
+
+
+var SPECIES = web_dom_iterable._wks('species');
+var _speciesConstructor = function (O, D) {
+  var C = _toObject._anObject(O).constructor;
+  var S;
+  return C === undefined || (S = _toObject._anObject(C)[SPECIES]) == undefined ? D : _toObject._aFunction(S);
+};
+
+// fast apply, http://jsperf.lnkit.com/fast-apply/5
+var _invoke = function (fn, args, that) {
+  var un = that === undefined;
+  switch (args.length) {
+    case 0: return un ? fn()
+                      : fn.call(that);
+    case 1: return un ? fn(args[0])
+                      : fn.call(that, args[0]);
+    case 2: return un ? fn(args[0], args[1])
+                      : fn.call(that, args[0], args[1]);
+    case 3: return un ? fn(args[0], args[1], args[2])
+                      : fn.call(that, args[0], args[1], args[2]);
+    case 4: return un ? fn(args[0], args[1], args[2], args[3])
+                      : fn.call(that, args[0], args[1], args[2], args[3]);
+  } return fn.apply(that, args);
+};
+
+var process = _toObject._global.process;
+var setTask = _toObject._global.setImmediate;
+var clearTask = _toObject._global.clearImmediate;
+var MessageChannel = _toObject._global.MessageChannel;
+var Dispatch = _toObject._global.Dispatch;
+var counter = 0;
+var queue = {};
+var ONREADYSTATECHANGE = 'onreadystatechange';
+var defer, channel, port;
+var run = function () {
+  var id = +this;
+  // eslint-disable-next-line no-prototype-builtins
+  if (queue.hasOwnProperty(id)) {
+    var fn = queue[id];
+    delete queue[id];
+    fn();
+  }
+};
+var listener = function (event) {
+  run.call(event.data);
+};
+// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
+if (!setTask || !clearTask) {
+  setTask = function setImmediate(fn) {
+    var args = [];
+    var i = 1;
+    while (arguments.length > i) args.push(arguments[i++]);
+    queue[++counter] = function () {
+      // eslint-disable-next-line no-new-func
+      _invoke(typeof fn == 'function' ? fn : Function(fn), args);
+    };
+    defer(counter);
+    return counter;
+  };
+  clearTask = function clearImmediate(id) {
+    delete queue[id];
+  };
+  // Node.js 0.8-
+  if (_toObject._cof(process) == 'process') {
+    defer = function (id) {
+      process.nextTick(_toObject._ctx(run, id, 1));
+    };
+  // Sphere (JS game engine) Dispatch API
+  } else if (Dispatch && Dispatch.now) {
+    defer = function (id) {
+      Dispatch.now(_toObject._ctx(run, id, 1));
+    };
+  // Browsers with MessageChannel, includes WebWorkers
+  } else if (MessageChannel) {
+    channel = new MessageChannel();
+    port = channel.port2;
+    channel.port1.onmessage = listener;
+    defer = _toObject._ctx(port.postMessage, port, 1);
+  // Browsers with postMessage, skip WebWorkers
+  // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
+  } else if (_toObject._global.addEventListener && typeof postMessage == 'function' && !_toObject._global.importScripts) {
+    defer = function (id) {
+      _toObject._global.postMessage(id + '', '*');
+    };
+    _toObject._global.addEventListener('message', listener, false);
+  // IE8-
+  } else if (ONREADYSTATECHANGE in _toObject._domCreate('script')) {
+    defer = function (id) {
+      web_dom_iterable._html.appendChild(_toObject._domCreate('script'))[ONREADYSTATECHANGE] = function () {
+        web_dom_iterable._html.removeChild(this);
+        run.call(id);
+      };
+    };
+  // Rest old browsers
+  } else {
+    defer = function (id) {
+      setTimeout(_toObject._ctx(run, id, 1), 0);
+    };
+  }
+}
+var _task = {
+  set: setTask,
+  clear: clearTask
+};
+
+var macrotask = _task.set;
+var Observer = _toObject._global.MutationObserver || _toObject._global.WebKitMutationObserver;
+var process$1 = _toObject._global.process;
+var Promise = _toObject._global.Promise;
+var isNode = _toObject._cof(process$1) == 'process';
+
+var _microtask = function () {
+  var head, last, notify;
+
+  var flush = function () {
+    var parent, fn;
+    if (isNode && (parent = process$1.domain)) parent.exit();
+    while (head) {
+      fn = head.fn;
+      head = head.next;
+      try {
+        fn();
+      } catch (e) {
+        if (head) notify();
+        else last = undefined;
+        throw e;
+      }
+    } last = undefined;
+    if (parent) parent.enter();
+  };
+
+  // Node.js
+  if (isNode) {
+    notify = function () {
+      process$1.nextTick(flush);
+    };
+  // browsers with MutationObserver, except iOS Safari - https://github.com/zloirock/core-js/issues/339
+  } else if (Observer && !(_toObject._global.navigator && _toObject._global.navigator.standalone)) {
+    var toggle = true;
+    var node = document.createTextNode('');
+    new Observer(flush).observe(node, { characterData: true }); // eslint-disable-line no-new
+    notify = function () {
+      node.data = toggle = !toggle;
+    };
+  // environments with maybe non-completely correct, but existent Promise
+  } else if (Promise && Promise.resolve) {
+    // Promise.resolve without an argument throws an error in LG WebOS 2
+    var promise = Promise.resolve(undefined);
+    notify = function () {
+      promise.then(flush);
+    };
+  // for other environments - macrotask based on:
+  // - setImmediate
+  // - MessageChannel
+  // - window.postMessag
+  // - onreadystatechange
+  // - setTimeout
+  } else {
+    notify = function () {
+      // strange IE + webpack dev server bug - use .call(global)
+      macrotask.call(_toObject._global, flush);
+    };
+  }
+
+  return function (fn) {
+    var task = { fn: fn, next: undefined };
+    if (last) last.next = task;
+    if (!head) {
+      head = task;
+      notify();
+    } last = task;
+  };
+};
+
+// 25.4.1.5 NewPromiseCapability(C)
+
+
+function PromiseCapability(C) {
+  var resolve, reject;
+  this.promise = new C(function ($$resolve, $$reject) {
+    if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');
+    resolve = $$resolve;
+    reject = $$reject;
+  });
+  this.resolve = _toObject._aFunction(resolve);
+  this.reject = _toObject._aFunction(reject);
+}
+
+var f = function (C) {
+  return new PromiseCapability(C);
+};
+
+var _newPromiseCapability = {
+	f: f
+};
+
+var _perform = function (exec) {
+  try {
+    return { e: false, v: exec() };
+  } catch (e) {
+    return { e: true, v: e };
+  }
+};
+
+var navigator = _toObject._global.navigator;
+
+var _userAgent = navigator && navigator.userAgent || '';
+
+var _promiseResolve = function (C, x) {
+  _toObject._anObject(C);
+  if (_toObject._isObject(x) && x.constructor === C) return x;
+  var promiseCapability = _newPromiseCapability.f(C);
+  var resolve = promiseCapability.resolve;
+  resolve(x);
+  return promiseCapability.promise;
+};
+
+var _redefineAll = function (target, src, safe) {
+  for (var key in src) {
+    if (safe && target[key]) target[key] = src[key];
+    else _toObject._hide(target, key, src[key]);
+  } return target;
+};
+
+var SPECIES$1 = web_dom_iterable._wks('species');
+
+var _setSpecies = function (KEY) {
+  var C = typeof _toObject._core[KEY] == 'function' ? _toObject._core[KEY] : _toObject._global[KEY];
+  if (_toObject._descriptors && C && !C[SPECIES$1]) _toObject._objectDp.f(C, SPECIES$1, {
+    configurable: true,
+    get: function () { return this; }
+  });
+};
+
+var task = _task.set;
+var microtask = _microtask();
+
+
+
+
+var PROMISE = 'Promise';
+var TypeError$1 = _toObject._global.TypeError;
+var process$2 = _toObject._global.process;
+var versions = process$2 && process$2.versions;
+var v8 = versions && versions.v8 || '';
+var $Promise = _toObject._global[PROMISE];
+var isNode$1 = core_getIteratorMethod._classof(process$2) == 'process';
+var empty = function () { /* empty */ };
+var Internal, newGenericPromiseCapability, OwnPromiseCapability, Wrapper;
+var newPromiseCapability = newGenericPromiseCapability = _newPromiseCapability.f;
+
+var USE_NATIVE = !!function () {
+  try {
+    // correct subclassing with @@species support
+    var promise = $Promise.resolve(1);
+    var FakePromise = (promise.constructor = {})[web_dom_iterable._wks('species')] = function (exec) {
+      exec(empty, empty);
+    };
+    // unhandled rejections tracking support, NodeJS Promise without it fails @@species test
+    return (isNode$1 || typeof PromiseRejectionEvent == 'function')
+      && promise.then(empty) instanceof FakePromise
+      // v8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=830565
+      // we can't detect it synchronously, so just check versions
+      && v8.indexOf('6.6') !== 0
+      && _userAgent.indexOf('Chrome/66') === -1;
+  } catch (e) { /* empty */ }
+}();
+
+// helpers
+var isThenable = function (it) {
+  var then;
+  return _toObject._isObject(it) && typeof (then = it.then) == 'function' ? then : false;
+};
+var notify = function (promise, isReject) {
+  if (promise._n) return;
+  promise._n = true;
+  var chain = promise._c;
+  microtask(function () {
+    var value = promise._v;
+    var ok = promise._s == 1;
+    var i = 0;
+    var run = function (reaction) {
+      var handler = ok ? reaction.ok : reaction.fail;
+      var resolve = reaction.resolve;
+      var reject = reaction.reject;
+      var domain = reaction.domain;
+      var result, then, exited;
+      try {
+        if (handler) {
+          if (!ok) {
+            if (promise._h == 2) onHandleUnhandled(promise);
+            promise._h = 1;
+          }
+          if (handler === true) result = value;
+          else {
+            if (domain) domain.enter();
+            result = handler(value); // may throw
+            if (domain) {
+              domain.exit();
+              exited = true;
+            }
+          }
+          if (result === reaction.promise) {
+            reject(TypeError$1('Promise-chain cycle'));
+          } else if (then = isThenable(result)) {
+            then.call(result, resolve, reject);
+          } else resolve(result);
+        } else reject(value);
+      } catch (e) {
+        if (domain && !exited) domain.exit();
+        reject(e);
+      }
+    };
+    while (chain.length > i) run(chain[i++]); // variable length - can't use forEach
+    promise._c = [];
+    promise._n = false;
+    if (isReject && !promise._h) onUnhandled(promise);
+  });
+};
+var onUnhandled = function (promise) {
+  task.call(_toObject._global, function () {
+    var value = promise._v;
+    var unhandled = isUnhandled(promise);
+    var result, handler, console;
+    if (unhandled) {
+      result = _perform(function () {
+        if (isNode$1) {
+          process$2.emit('unhandledRejection', value, promise);
+        } else if (handler = _toObject._global.onunhandledrejection) {
+          handler({ promise: promise, reason: value });
+        } else if ((console = _toObject._global.console) && console.error) {
+          console.error('Unhandled promise rejection', value);
+        }
+      });
+      // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
+      promise._h = isNode$1 || isUnhandled(promise) ? 2 : 1;
+    } promise._a = undefined;
+    if (unhandled && result.e) throw result.v;
+  });
+};
+var isUnhandled = function (promise) {
+  return promise._h !== 1 && (promise._a || promise._c).length === 0;
+};
+var onHandleUnhandled = function (promise) {
+  task.call(_toObject._global, function () {
+    var handler;
+    if (isNode$1) {
+      process$2.emit('rejectionHandled', promise);
+    } else if (handler = _toObject._global.onrejectionhandled) {
+      handler({ promise: promise, reason: promise._v });
+    }
+  });
+};
+var $reject = function (value) {
+  var promise = this;
+  if (promise._d) return;
+  promise._d = true;
+  promise = promise._w || promise; // unwrap
+  promise._v = value;
+  promise._s = 2;
+  if (!promise._a) promise._a = promise._c.slice();
+  notify(promise, true);
+};
+var $resolve = function (value) {
+  var promise = this;
+  var then;
+  if (promise._d) return;
+  promise._d = true;
+  promise = promise._w || promise; // unwrap
+  try {
+    if (promise === value) throw TypeError$1("Promise can't be resolved itself");
+    if (then = isThenable(value)) {
+      microtask(function () {
+        var wrapper = { _w: promise, _d: false }; // wrap
+        try {
+          then.call(value, _toObject._ctx($resolve, wrapper, 1), _toObject._ctx($reject, wrapper, 1));
+        } catch (e) {
+          $reject.call(wrapper, e);
+        }
+      });
+    } else {
+      promise._v = value;
+      promise._s = 1;
+      notify(promise, false);
+    }
+  } catch (e) {
+    $reject.call({ _w: promise, _d: false }, e); // wrap
+  }
+};
+
+// constructor polyfill
+if (!USE_NATIVE) {
+  // 25.4.3.1 Promise(executor)
+  $Promise = function Promise(executor) {
+    _anInstance(this, $Promise, PROMISE, '_h');
+    _toObject._aFunction(executor);
+    Internal.call(this);
+    try {
+      executor(_toObject._ctx($resolve, this, 1), _toObject._ctx($reject, this, 1));
+    } catch (err) {
+      $reject.call(this, err);
+    }
+  };
+  // eslint-disable-next-line no-unused-vars
+  Internal = function Promise(executor) {
+    this._c = [];             // <- awaiting reactions
+    this._a = undefined;      // <- checked in isUnhandled reactions
+    this._s = 0;              // <- state
+    this._d = false;          // <- done
+    this._v = undefined;      // <- value
+    this._h = 0;              // <- rejection state, 0 - default, 1 - handled, 2 - unhandled
+    this._n = false;          // <- notify
+  };
+  Internal.prototype = _redefineAll($Promise.prototype, {
+    // 25.4.5.3 Promise.prototype.then(onFulfilled, onRejected)
+    then: function then(onFulfilled, onRejected) {
+      var reaction = newPromiseCapability(_speciesConstructor(this, $Promise));
+      reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
+      reaction.fail = typeof onRejected == 'function' && onRejected;
+      reaction.domain = isNode$1 ? process$2.domain : undefined;
+      this._c.push(reaction);
+      if (this._a) this._a.push(reaction);
+      if (this._s) notify(this, false);
+      return reaction.promise;
+    },
+    // 25.4.5.1 Promise.prototype.catch(onRejected)
+    'catch': function (onRejected) {
+      return this.then(undefined, onRejected);
+    }
+  });
+  OwnPromiseCapability = function () {
+    var promise = new Internal();
+    this.promise = promise;
+    this.resolve = _toObject._ctx($resolve, promise, 1);
+    this.reject = _toObject._ctx($reject, promise, 1);
+  };
+  _newPromiseCapability.f = newPromiseCapability = function (C) {
+    return C === $Promise || C === Wrapper
+      ? new OwnPromiseCapability(C)
+      : newGenericPromiseCapability(C);
+  };
+}
+
+_toObject._export(_toObject._export.G + _toObject._export.W + _toObject._export.F * !USE_NATIVE, { Promise: $Promise });
+web_dom_iterable._setToStringTag($Promise, PROMISE);
+_setSpecies(PROMISE);
+Wrapper = _toObject._core[PROMISE];
+
+// statics
+_toObject._export(_toObject._export.S + _toObject._export.F * !USE_NATIVE, PROMISE, {
+  // 25.4.4.5 Promise.reject(r)
+  reject: function reject(r) {
+    var capability = newPromiseCapability(this);
+    var $$reject = capability.reject;
+    $$reject(r);
+    return capability.promise;
+  }
+});
+_toObject._export(_toObject._export.S + _toObject._export.F * (inherits$2._library ), PROMISE, {
+  // 25.4.4.6 Promise.resolve(x)
+  resolve: function resolve(x) {
+    return _promiseResolve( this === Wrapper ? $Promise : this, x);
+  }
+});
+_toObject._export(_toObject._export.S + _toObject._export.F * !(USE_NATIVE && toConsumableArray._iterDetect(function (iter) {
+  $Promise.all(iter)['catch'](empty);
+})), PROMISE, {
+  // 25.4.4.1 Promise.all(iterable)
+  all: function all(iterable) {
+    var C = this;
+    var capability = newPromiseCapability(C);
+    var resolve = capability.resolve;
+    var reject = capability.reject;
+    var result = _perform(function () {
+      var values = [];
+      var index = 0;
+      var remaining = 1;
+      _forOf(iterable, false, function (promise) {
+        var $index = index++;
+        var alreadyCalled = false;
+        values.push(undefined);
+        remaining++;
+        C.resolve(promise).then(function (value) {
+          if (alreadyCalled) return;
+          alreadyCalled = true;
+          values[$index] = value;
+          --remaining || resolve(values);
+        }, reject);
+      });
+      --remaining || resolve(values);
+    });
+    if (result.e) reject(result.v);
+    return capability.promise;
+  },
+  // 25.4.4.4 Promise.race(iterable)
+  race: function race(iterable) {
+    var C = this;
+    var capability = newPromiseCapability(C);
+    var reject = capability.reject;
+    var result = _perform(function () {
+      _forOf(iterable, false, function (promise) {
+        C.resolve(promise).then(capability.resolve, reject);
+      });
+    });
+    if (result.e) reject(result.v);
+    return capability.promise;
+  }
+});
+
+_toObject._export(_toObject._export.P + _toObject._export.R, 'Promise', { 'finally': function (onFinally) {
+  var C = _speciesConstructor(this, _toObject._core.Promise || _toObject._global.Promise);
+  var isFunction = typeof onFinally == 'function';
+  return this.then(
+    isFunction ? function (x) {
+      return _promiseResolve(C, onFinally()).then(function () { return x; });
+    } : onFinally,
+    isFunction ? function (e) {
+      return _promiseResolve(C, onFinally()).then(function () { throw e; });
+    } : onFinally
+  );
+} });
+
+// https://github.com/tc39/proposal-promise-try
+
+
+
+
+_toObject._export(_toObject._export.S, 'Promise', { 'try': function (callbackfn) {
+  var promiseCapability = _newPromiseCapability.f(this);
+  var result = _perform(callbackfn);
+  (result.e ? promiseCapability.reject : promiseCapability.resolve)(result.v);
+  return promiseCapability.promise;
+} });
+
+var promise = _toObject._core.Promise;
+
+var promise$1 = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": promise, __esModule: true };
+});
+
+var _Promise = _commonjsHelpers.unwrapExports(promise$1);
+
+var MasterDeck = function (_React$Component) {
+  inherits$2._inherits(MasterDeck, _React$Component);
+
+  function MasterDeck() {
+    var _ref,
+        _this2 = this;
+
+    var _temp, _this, _ret;
+
+    inherits$2._classCallCheck(this, MasterDeck);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits$2._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _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.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
+      data: _this.data,
+      dataKeptToCompareNewDatarecord: _this.data,
+      per: _this.params ? _this.params.to : 2,
+      page: _this.props.currentPage || 1,
+      from: _this.params ? _this.params.from : 0,
+      to: _this.params ? _this.params.to : 2,
+      total_pages: null,
+      scrolling: true,
+      query: _this.query,
+      currentPage: _this.props.currentPage || 1
+    }, _this.loadMore = debounce.debounce_1(function () {
+      _this.setState(function (state) {
+        var page = state.page,
+            from = state.from,
+            per = state.per,
+            to = state.to;
+
+        return {
+          page: page + 1,
+          from: from + per,
+          to: to + per
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          from = _this$state.from,
+          to = _this$state.to,
+          data = _this$state.data,
+          query = _this$state.query,
+          page = _this$state.page;
+      var _this$props = _this.props,
+          client = _this$props.client,
+          dataHandler = _this$props.dataHandler;
+
+
+      var params = _extends$2._extends({}, _this.params, { from: from, to: to });
+
+      if (dataHandler) {
+        var dataHandlerPromise = new _Promise(function (resolve, reject) {
+          try {
+            var result = dataHandler(params);
+            resolve(result);
+          } catch (e) {
+            reject(e);
+          }
+        });
+        dataHandlerPromise.then(function (dataArr) {
+          _this.loadDataFinished(data, dataArr, page);
+        });
+      } else {
+        client.fetch(query, params).then(function (dataArr) {
+          _this.loadDataFinished(data, dataArr, page);
+        });
+      }
+    }, _this.loadDataFinished = function (data, dataArr, page) {
+      if (_this.pointer && _this.pointerArray) {
+        var pointer = _this.pointer;
+        dataArr = dataArr[_this.pointerArray][pointer];
+      }
+      dataArr = dataArr.map(function (item) {
+        return _extends$2._extends({}, item, {
+          pageNumber: page
+        });
+      });
+
+      _this.setState(function () {
+        if (dataArr.length > 0) {
+          return {
+            data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
+            scrolling: true
+          };
+        } else {
+          return {
+            scrolling: false
+          };
+        }
+      });
+    }, _this.changePageNumber = function (pageNumber) {
+      var _this$props2 = _this.props,
+          seoPaginate = _this$props2.seoPaginate,
+          pageview = _this$props2.pageview,
+          router = _this$props2.router;
+      var currentPage = _this.state.currentPage;
+
+      if (seoPaginate) {
+        var path = router.asPath;
+        var qrIndex = path.indexOf('?');
+        var pathname = router.pathname;
+        var queryString = '';
+
+        if (qrIndex > 0) {
+          path = path.substring(1, qrIndex);
+
+          var partialQS = router.asPath.substring(qrIndex + 1);
+          var partialQSArr = partialQS.split('&');
+
+          // exclude page=xxx from query string
+          partialQSArr.map(function (item) {
+            var itemArr = item.split('=');
+            var key = itemArr[0];
+            var val = itemArr[1];
+
+            if (key !== 'page') {
+              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+            }
+          });
+        }
+
+        if (queryString.length > 0) {
+          path += '?' + queryString;
+        }
+
+        pageNumber = parseInt(pageNumber);
+
+        if (currentPage !== pageNumber) {
+          index.lib_3.refresh();
+
+          _this.setState({
+            currentPage: pageNumber
+          }, function () {
+            if (path[0] !== '/') {
+              path = '/' + path;
+            }
+
+            var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
+
+            // please leave this for later debug purpose : Yong Jun.
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
+            }) */
+
+            if (pageview) {
+              pageview(newPath);
+            }
+
+            router.push(pathname, newPath, {
+              shallow: true
+            });
+          });
+        }
+      }
+    }, _this.cardLoader = function (page, columns, variant) {
+      var numberOfItemsBeforeAd = 6;
+      return React__default.createElement(
+        Row,
+        null,
+        _this.state.data && _this.state.data.map(function (row, index) {
+          var pageNumber = row.pageNumber || _this.state.page;
+
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: index },
+            React__default.createElement(
+              visibilitySensor.VisibilitySensor,
+              {
+                onChange: function onChange(isVisible) {
+                  isVisible && _this.changePageNumber(pageNumber);
+                } },
+              React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
+            ),
+            main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+              'div',
+              { style: { margin: '0 auto' } },
+              _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+            )
+          );
+        })
+      );
+    }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
+      var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
+      return React__default.createElement(
+        'div',
+        { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
+        rightItems[i].component
+      );
+    }, _this.renderManualPagination = function () {
+      var currentPage = _this.state.currentPage;
+
+      return React__default.createElement(
+        'div',
+        { className: 'd-flex justify-content-between' },
+        currentPage && currentPage > 1 && React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage - 1) },
+          '<< Previous'
+        ),
+        React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage + 1) },
+          'Next >>'
+        )
+      );
+    }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
+  }
+
+  inherits$2._createClass(MasterDeck, [{
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          data: this.props.dataRecord,
+          dataKeptToCompareNewDatarecord: this.props.dataRecord,
+          per: this.props.params ? this.props.params.to : 2,
+          page: 1,
+          from: this.props.params ? this.props.params.from : 0,
+          to: this.props.params ? this.props.params.to : 2,
+          total_pages: null,
+          scrolling: true,
+          query: this.props.query
+        });
+      }
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      // this.loadData();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this3 = this;
+
+      var _props = this.props,
+          columns = _props.columns,
+          variant = _props.variant,
+          autoScroll = _props.autoScroll,
+          page = _props.page;
+
+
+      return React__default.createElement(
+        'div',
+        { className: 'contentDeck' },
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            visibilitySensor.InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+            React__default.createElement(
+              Container,
+              null,
+              this.cardLoader(page, columns, variant)
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        ) : React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader(page, columns, variant)
+          ),
+          React__default.createElement(
+            'div',
+            { style: { padding: '0px 10px' } },
+            this.state.scrolling ? React__default.createElement(
+              'button',
+              {
+                style: { margin: 'auto', width: '100%' },
+                onClick: function onClick(e) {
+                  _this3.loadMore();
+                } },
+              'Load More'
+            ) : React__default.createElement(
+              'p',
+              { style: { textAlign: 'center' } },
+              React__default.createElement(
+                'b',
+                null,
+                'End of data'
+              )
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        )
+      );
+    }
+  }]);
+
+  return MasterDeck;
+}(React__default.Component);
+
+var MasterDeck$1 = Router.withRouter(MasterDeck);
+
+exports.MasterDeck = MasterDeck$1;
+exports.promise = promise$1;