@kineticdata/react 5.1.1 → 6.0.0

package/lib/components/table/Table.redux.js

@@ -1,117 +1,109 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+"use strict";
 
-var _marked = /*#__PURE__*/_regeneratorRuntime.mark(calculateRowsTask),
-    _marked2 = /*#__PURE__*/_regeneratorRuntime.mark(configureTableTask),
-    _marked3 = /*#__PURE__*/_regeneratorRuntime.mark(pollingTask),
-    _marked4 = /*#__PURE__*/_regeneratorRuntime.mark(startPollingTask),
-    _marked5 = /*#__PURE__*/_regeneratorRuntime.mark(stopPollingTask);
-
-import { List, Map, fromJS } from 'immutable';
-import isarray from 'isarray';
-import { call, cancel, delay, fork, put, select, takeEvery } from 'redux-saga/effects';
-import { action, dispatch, regHandlers, regSaga } from '../../store';
-import { mountForm, unmountForm } from '..';
-export var hasData = function hasData(data) {
-  return isarray(data) || data instanceof List;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _regeneratorRuntime3 = require("@babel/runtime/helpers/regeneratorRuntime")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unmountTable = exports.serverSideGotoPage = exports.refetchTable = exports.operations = exports.mountTable = exports.isValueEmpty = exports.isClientSide = exports.hasData = exports.generateInitialSortColumn = exports.generateFilters = exports.filterFormKey = exports.configureTable = exports.clientSideRowFilter = exports.clientSideGotoPage = exports.clearFilters = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _immutable = require("immutable");
+var _isarray = _interopRequireDefault(require("isarray"));
+var _effects = require("redux-saga/effects");
+var _store = require("../../store");
+var _ = require("..");
+var _marked = /*#__PURE__*/_regeneratorRuntime3().mark(pollingTask);
+var hasData = function hasData(data) {
+  return (0, _isarray["default"])(data) || data instanceof _immutable.List;
 };
-
+exports.hasData = hasData;
 var noop = function noop() {
   return null;
 };
-
 var getDataSource = function getDataSource(tableData) {
   var tableOptions = tableData.get('tableOptions');
   var dataSourceFn = tableData.get('dataSource') || noop;
   return dataSourceFn(tableOptions);
 };
-
-export var isClientSide = function isClientSide(tableData) {
+var isClientSide = function isClientSide(tableData) {
   var data = tableData.get('data');
   var dataSource = getDataSource(tableData);
   return hasData(data) && (dataSource && (dataSource.clientSideSearch === true || dataSource.clientSide) || !dataSource);
 };
-export var clientSideGotoPage = function clientSideGotoPage(tableData, pageNumber) {
+exports.isClientSide = isClientSide;
+var clientSideGotoPage = function clientSideGotoPage(tableData, pageNumber) {
   var data = tableData.get('data');
   var pageSize = tableData.get('pageSize');
   var newOffset = (pageNumber - 1) * pageSize;
-
   if (typeof pageNumber !== 'number' || pageNumber < 1) {
     return tableData;
   }
-
   if (newOffset > data.size) return tableData;
   return tableData.set('pageOffset', newOffset);
 };
-
+exports.clientSideGotoPage = clientSideGotoPage;
 var clientSideNextPage = function clientSideNextPage(tableData) {
   return tableData.update('pageOffset', function (pageOffset) {
     return pageOffset + tableData.get('pageSize');
   });
 };
-
 var clientSidePrevPage = function clientSidePrevPage(tableData) {
   return tableData.update('pageOffset', function (pageOffset) {
     return Math.max(0, pageOffset - tableData.get('pageSize'));
   });
 };
-
-export var serverSideGotoPage = function serverSideGotoPage(tableData, pageNumber) {
+var serverSideGotoPage = function serverSideGotoPage(tableData, pageNumber) {
   var pageTokens = tableData.get('pageTokens');
   var tokenLocation = pageNumber - 2;
-
   if (typeof pageNumber !== 'number' || pageNumber < 1 || pageNumber > pageTokens.size) {
     return tableData;
   }
-
   if (pageNumber === 1) {
-    return tableData.set('loading', true).set('nextPageToken', null).set('pageTokens', List());
+    return tableData.set('loading', true).set('nextPageToken', null).set('pageTokens', (0, _immutable.List)());
   }
-
   return tableData.set('loading', true).set('nextPageToken', pageTokens.get(tokenLocation)).set('pageTokens', pageTokens.slice(0, tokenLocation));
 };
-
+exports.serverSideGotoPage = serverSideGotoPage;
 var serverSideNextPage = function serverSideNextPage(tableData) {
   return tableData.set('loading', true).set('nextPageToken', tableData.get('currentPageToken')).update('pageTokens', function (pt) {
     return pt.push(tableData.get('currentPageToken'));
   });
 };
-
 var serverSidePrevPage = function serverSidePrevPage(tableData) {
   return tableData.set('loading', true).update('pageTokens', function (pt) {
     return pt.pop();
   }).update(function (t) {
     return t.set('nextPageToken', t.get('pageTokens').last());
   });
-}; // should be '' except if op is between, or in
-
+};
 
+// should be '' except if op is between, or in
 var getInitialFilterValue = function getInitialFilterValue(column) {
-  return column.has('initial') ? column.get('initial') : column.get('filter') === 'between' ? List(['', '']) : column.get('filter') === 'in' ? List() : '';
+  return column.has('initial') ? column.get('initial') : column.get('filter') === 'between' ? (0, _immutable.List)(['', '']) : column.get('filter') === 'in' ? (0, _immutable.List)() : '';
 };
-
-export var generateFilters = function generateFilters(tableKey, columns) {
-  return Map(columns.filter(function (c) {
+var generateFilters = function generateFilters(tableKey, columns) {
+  return (0, _immutable.Map)(columns.filter(function (c) {
     return c.get('filter');
   }).reduce(function (filters, column) {
-    return filters.set(column.get('value'), Map({
+    return filters.set(column.get('value'), (0, _immutable.Map)({
       value: getInitialFilterValue(column),
       column: column
     }));
-  }, Map()));
+  }, (0, _immutable.Map)()));
 };
-
+exports.generateFilters = generateFilters;
 var evaluateValidFilters = function evaluateValidFilters(table) {
   var validateFilters = table.get('onValidateFilters');
   return validateFilters ? validateFilters(table.get('filters')) : true;
 };
-
-export var generateInitialSortColumn = function generateInitialSortColumn(sortColumn, columns) {
+var generateInitialSortColumn = function generateInitialSortColumn(sortColumn, columns) {
   return sortColumn ? columns.find(function (col) {
     return col.get('value') === sortColumn;
   }) : null;
 };
-regHandlers({
+exports.generateInitialSortColumn = generateInitialSortColumn;
+(0, _store.regHandlers)({
   MOUNT_TABLE: function MOUNT_TABLE(state, _ref) {
     var tableKey = _ref.payload.tableKey;
     return state.setIn(['tables', tableKey, 'mounted'], true);
@@ -122,26 +114,27 @@ regHandlers({
   },
   CONFIGURE_TABLE: function CONFIGURE_TABLE(state, _ref3) {
     var _ref3$payload = _ref3.payload,
-        tableKey = _ref3$payload.tableKey,
-        data = _ref3$payload.data,
-        dataSource = _ref3$payload.dataSource,
-        columns = _ref3$payload.columns,
-        _ref3$payload$pageSiz = _ref3$payload.pageSize,
-        pageSize = _ref3$payload$pageSiz === void 0 ? 25 : _ref3$payload$pageSiz,
-        _ref3$payload$default = _ref3$payload.defaultSortColumn,
-        defaultSortColumn = _ref3$payload$default === void 0 ? null : _ref3$payload$default,
-        _ref3$payload$default2 = _ref3$payload.defaultSortDirection,
-        defaultSortDirection = _ref3$payload$default2 === void 0 ? 'desc' : _ref3$payload$default2,
-        tableOptions = _ref3$payload.tableOptions,
-        onValidateFilters = _ref3$payload.onValidateFilters,
-        filterForm = _ref3$payload.filterForm,
-        onFetch = _ref3$payload.onFetch;
-    return !state.getIn(['tables', tableKey, 'mounted']) ? state : state.hasIn(['tables', tableKey, 'configured']) ? state.setIn(['tables', tableKey, 'initialize'], false) : state.mergeIn(['tables', tableKey], Map({
-      data: hasData(data) ? fromJS(data) : data,
+      tableKey = _ref3$payload.tableKey,
+      data = _ref3$payload.data,
+      dataSource = _ref3$payload.dataSource,
+      columns = _ref3$payload.columns,
+      _ref3$payload$pageSiz = _ref3$payload.pageSize,
+      pageSize = _ref3$payload$pageSiz === void 0 ? 25 : _ref3$payload$pageSiz,
+      _ref3$payload$default = _ref3$payload.defaultSortColumn,
+      defaultSortColumn = _ref3$payload$default === void 0 ? null : _ref3$payload$default,
+      _ref3$payload$default2 = _ref3$payload.defaultSortDirection,
+      defaultSortDirection = _ref3$payload$default2 === void 0 ? 'asc' : _ref3$payload$default2,
+      tableOptions = _ref3$payload.tableOptions,
+      onValidateFilters = _ref3$payload.onValidateFilters,
+      filterForm = _ref3$payload.filterForm,
+      onFetch = _ref3$payload.onFetch;
+    return !state.getIn(['tables', tableKey, 'mounted']) ? state : state.hasIn(['tables', tableKey, 'configured']) ? state.setIn(['tables', tableKey, 'initialize'], false) : state.mergeIn(['tables', tableKey], (0, _immutable.Map)({
+      data: hasData(data) ? (0, _immutable.fromJS)(data) : data,
+      extraData: null,
       dataSource: dataSource,
       tableOptions: tableOptions,
       columns: columns,
-      rows: List(),
+      rows: (0, _immutable.List)(),
       initializing: true,
       loading: true,
       pageSize: pageSize,
@@ -150,7 +143,7 @@ regHandlers({
       // Pagination
       currentPageToken: null,
       nextPageToken: null,
-      pageTokens: List(),
+      pageTokens: (0, _immutable.List)(),
       pageOffset: 0,
       count: null,
       error: null,
@@ -167,15 +160,17 @@ regHandlers({
   },
   SET_ROWS: function SET_ROWS(state, _ref4) {
     var _ref4$payload = _ref4.payload,
-        tableKey = _ref4$payload.tableKey,
-        rows = _ref4$payload.rows,
-        data = _ref4$payload.data,
-        nextPageToken = _ref4$payload.nextPageToken,
-        count = _ref4$payload.count,
-        _ref4$payload$error = _ref4$payload.error,
-        error = _ref4$payload$error === void 0 ? null : _ref4$payload$error;
+      tableKey = _ref4$payload.tableKey,
+      rows = _ref4$payload.rows,
+      data = _ref4$payload.data,
+      _ref4$payload$extraDa = _ref4$payload.extraData,
+      extraData = _ref4$payload$extraDa === void 0 ? null : _ref4$payload$extraDa,
+      nextPageToken = _ref4$payload.nextPageToken,
+      count = _ref4$payload.count,
+      _ref4$payload$error = _ref4$payload.error,
+      error = _ref4$payload$error === void 0 ? null : _ref4$payload$error;
     return state.updateIn(['tables', tableKey], function (table) {
-      return table && table.set('rows', rows).set('data', data).set('currentPageToken', nextPageToken).set('nextPageToken', null).set('count', count).set('error', error).set('initializing', false).set('loading', false);
+      return table && table.set('rows', rows).set('data', data).set('extraData', extraData).set('currentPageToken', nextPageToken).set('nextPageToken', null).set('count', count).set('error', error).set('initializing', false).set('loading', false);
     });
   },
   NEXT_PAGE: function NEXT_PAGE(state, _ref5) {
@@ -192,29 +187,31 @@ regHandlers({
   },
   GOTO_PAGE: function GOTO_PAGE(state, _ref7) {
     var _ref7$payload = _ref7.payload,
-        tableKey = _ref7$payload.tableKey,
-        pageNumber = _ref7$payload.pageNumber;
+      tableKey = _ref7$payload.tableKey,
+      pageNumber = _ref7$payload.pageNumber;
     return state.updateIn(['tables', tableKey], function (tableData) {
       return isClientSide(tableData) ? clientSideGotoPage(tableData, pageNumber) : serverSideGotoPage(tableData, pageNumber);
     }).setIn(['tables', tableKey, 'error'], null);
   },
   SORT_COLUMN: function SORT_COLUMN(state, _ref8) {
     var _ref8$payload = _ref8.payload,
-        tableKey = _ref8$payload.tableKey,
-        column = _ref8$payload.column;
+      tableKey = _ref8$payload.tableKey,
+      column = _ref8$payload.column;
     return state.updateIn(['tables', tableKey], function (t) {
       var sortColumn = t.get('sortColumn');
       var sortDirection = t.get('sortDirection');
-      return t // When sorting changes, reset pagination.
-      .set('pageOffset', 0) // Update the sort column / direction.
-      .set('sortDirection', sortColumn === column ? sortDirection === 'desc' ? 'asc' : 'desc' : 'asc').set('sortColumn', column).set('error', null);
+      return t
+      // When sorting changes, reset pagination.
+      .set('pageOffset', 0)
+      // Update the sort column / direction.
+      .set('sortDirection', sortColumn === column ? sortDirection === 'asc' ? 'desc' : 'asc' : 'asc').set('sortColumn', column).set('error', null);
     });
   },
   SET_FILTER: function SET_FILTER(state, _ref9) {
     var _ref9$payload = _ref9.payload,
-        tableKey = _ref9$payload.tableKey,
-        filter = _ref9$payload.filter,
-        value = _ref9$payload.value;
+      tableKey = _ref9$payload.tableKey,
+      filter = _ref9$payload.filter,
+      value = _ref9$payload.value;
     return state.updateIn(['tables', tableKey], function (table) {
       return table.setIn(['filters', filter, 'value'], value).set('validFilters', evaluateValidFilters(table));
     });
@@ -222,21 +219,21 @@ regHandlers({
   APPLY_FILTERS: function APPLY_FILTERS(state, _ref10) {
     var tableKey = _ref10.payload.tableKey;
     return state.updateIn(['tables', tableKey], function (table) {
-      return table.set('loading', true).set('appliedFilters', state.getIn(['tables', tableKey, 'filters'])).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', List()).set('error', null);
+      return table.set('loading', true).set('appliedFilters', state.getIn(['tables', tableKey, 'filters'])).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', (0, _immutable.List)()).set('error', null);
     });
   },
   APPLY_FILTER_FORM: function APPLY_FILTER_FORM(state, _ref11) {
     var _ref11$payload = _ref11.payload,
-        tableKey = _ref11$payload.tableKey,
-        appliedFilters = _ref11$payload.appliedFilters;
+      tableKey = _ref11$payload.tableKey,
+      appliedFilters = _ref11$payload.appliedFilters;
     return state.updateIn(['tables', tableKey], function (table) {
-      return table.set('loading', true).set('appliedFilters', appliedFilters).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', List()).set('error', null);
+      return table.set('loading', true).set('appliedFilters', appliedFilters).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', (0, _immutable.List)()).set('error', null);
     });
   },
   REFETCH_TABLE_DATA: function REFETCH_TABLE_DATA(state, _ref12) {
     var tableKey = _ref12.payload.tableKey;
     return state.hasIn(['tables', tableKey]) ? state.updateIn(['tables', tableKey], function (tableData) {
-      return tableData.get('dataSource') ? tableData.set('loading', true).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', List()).set('data', null).set('error', null) : tableData;
+      return tableData.get('dataSource') ? tableData.set('loading', true).set('pageOffset', 0).set('currentPageToken', null).set('nextPageToken', null).set('pageTokens', (0, _immutable.List)()).set('data', null).set('error', null) : tableData;
     }) : state;
   },
   CLEAR_TABLE_FILTERS: function CLEAR_TABLE_FILTERS(state, _ref13) {
@@ -248,148 +245,132 @@ regHandlers({
     return state.setIn(['tables', tableKey, 'filters'], state.getIn(['tables', tableKey, 'appliedFilters']));
   }
 });
-
 function calculateRowsTask(_ref15) {
-  var payload, tableKey, tableData, response, rows, data, nextPageToken, count, error, onFetch;
-  return _regeneratorRuntime.wrap(function calculateRowsTask$(_context) {
-    while (1) {
-      switch (_context.prev = _context.next) {
-        case 0:
-          payload = _ref15.payload;
-          _context.prev = 1;
-          tableKey = payload.tableKey;
-          _context.next = 5;
-          return select(function (state) {
-            return state.getIn(['tables', tableKey]);
-          });
-
-        case 5:
-          tableData = _context.sent;
-
-          if (tableData) {
-            _context.next = 8;
-            break;
-          }
-
-          return _context.abrupt("return");
-
-        case 8:
-          _context.next = 10;
-          return call(calculateRows, tableData);
-
-        case 10:
-          response = _context.sent;
-          rows = response.rows, data = response.data, nextPageToken = response.nextPageToken, count = response.count, error = response.error;
-          onFetch = tableData.get('onFetch');
-
-          if (!error) {
-            _context.next = 18;
+  var payload = _ref15.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+    var tableKey, tableData, response, rows, data, nextPageToken, count, error, extraData, onFetch;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            tableKey = payload.tableKey;
+            _context.next = 4;
+            return (0, _effects.select)(function (state) {
+              return state.getIn(['tables', tableKey]);
+            });
+          case 4:
+            tableData = _context.sent;
+            if (tableData) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 9;
+            return (0, _effects.call)(calculateRows, tableData);
+          case 9:
+            response = _context.sent;
+            rows = response.rows, data = response.data, nextPageToken = response.nextPageToken, count = response.count, error = response.error, extraData = response.extraData;
+            onFetch = tableData.get('onFetch');
+            if (!error) {
+              _context.next = 17;
+              break;
+            }
+            _context.next = 15;
+            return (0, _effects.put)({
+              type: 'SET_ROWS',
+              payload: {
+                tableKey: tableKey,
+                error: error,
+                rows: (0, _immutable.List)(),
+                data: (0, _immutable.List)(),
+                nextPageToken: null,
+                count: null,
+                extraData: extraData
+              }
+            });
+          case 15:
+            _context.next = 19;
             break;
-          }
-
-          _context.next = 16;
-          return put({
-            type: 'SET_ROWS',
-            payload: {
-              tableKey: tableKey,
-              error: error,
-              rows: List(),
-              data: List(),
-              nextPageToken: null,
-              count: null
+          case 17:
+            _context.next = 19;
+            return (0, _effects.put)({
+              type: 'SET_ROWS',
+              payload: {
+                tableKey: tableKey,
+                rows: rows,
+                data: data,
+                nextPageToken: nextPageToken,
+                count: count,
+                extraData: extraData
+              }
+            });
+          case 19:
+            if (!(typeof onFetch === 'function')) {
+              _context.next = 22;
+              break;
             }
-          });
-
-        case 16:
-          _context.next = 20;
-          break;
-
-        case 18:
-          _context.next = 20;
-          return put({
-            type: 'SET_ROWS',
-            payload: {
+            _context.next = 22;
+            return (0, _effects.call)(onFetch, {
               tableKey: tableKey,
               rows: rows,
-              data: data,
-              nextPageToken: nextPageToken,
-              count: count
-            }
-          });
-
-        case 20:
-          if (!(typeof onFetch === 'function')) {
-            _context.next = 23;
+              count: count,
+              error: error,
+              extraData: extraData
+            });
+          case 22:
+            _context.next = 27;
             break;
-          }
-
-          _context.next = 23;
-          return call(onFetch, {
-            tableKey: tableKey,
-            rows: rows,
-            count: count,
-            error: error
-          });
-
-        case 23:
-          _context.next = 28;
-          break;
-
-        case 25:
-          _context.prev = 25;
-          _context.t0 = _context["catch"](1);
-          console.error(_context.t0);
-
-        case 28:
-        case "end":
-          return _context.stop();
+          case 24:
+            _context.prev = 24;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 27:
+          case "end":
+            return _context.stop();
+        }
       }
-    }
-  }, _marked, null, [[1, 25]]);
+    }, _callee, null, [[0, 24]]);
+  })();
 }
-
 function configureTableTask(_ref16) {
-  var payload, filterForm, tableKey, initialFilterValues;
-  return _regeneratorRuntime.wrap(function configureTableTask$(_context2) {
-    while (1) {
-      switch (_context2.prev = _context2.next) {
-        case 0:
-          payload = _ref16.payload;
-          filterForm = payload.filterForm, tableKey = payload.tableKey, initialFilterValues = payload.initialFilterValues;
-
-          if (filterForm) {
-            _context2.next = 7;
+  var payload = _ref16.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+    var filterForm, tableKey, initialFilterValues;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            filterForm = payload.filterForm, tableKey = payload.tableKey, initialFilterValues = payload.initialFilterValues;
+            if (filterForm) {
+              _context2.next = 6;
+              break;
+            }
+            _context2.next = 4;
+            return (0, _effects.put)((0, _store.action)('APPLY_FILTERS', {
+              tableKey: tableKey
+            }));
+          case 4:
+            _context2.next = 8;
             break;
-          }
-
-          _context2.next = 5;
-          return put(action('APPLY_FILTERS', {
-            tableKey: tableKey
-          }));
-
-        case 5:
-          _context2.next = 9;
-          break;
-
-        case 7:
-          _context2.next = 9;
-          return put(action('APPLY_FILTER_FORM', {
-            tableKey: tableKey,
-            appliedFilters: Map(initialFilterValues)
-          }));
-
-        case 9:
-        case "end":
-          return _context2.stop();
+          case 6:
+            _context2.next = 8;
+            return (0, _effects.put)((0, _store.action)('APPLY_FILTER_FORM', {
+              tableKey: tableKey,
+              appliedFilters: (0, _immutable.Map)(initialFilterValues)
+            }));
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
       }
-    }
-  }, _marked2);
+    }, _callee2);
+  })();
 }
-
 var pollerTableKeys = {};
-
 function pollingTask(tableKey) {
-  return _regeneratorRuntime.wrap(function pollingTask$(_context3) {
+  return (0, _regeneratorRuntime2["default"])().wrap(function pollingTask$(_context3) {
     while (1) {
       switch (_context3.prev = _context3.next) {
         case 0:
@@ -397,109 +378,97 @@ function pollingTask(tableKey) {
             _context3.next = 6;
             break;
           }
-
           _context3.next = 3;
-          return delay(10000);
-
+          return (0, _effects.delay)(10000);
         case 3:
           refetchTable(tableKey);
           _context3.next = 0;
           break;
-
         case 6:
         case "end":
           return _context3.stop();
       }
     }
-  }, _marked3);
+  }, _marked);
 }
-
 function startPollingTask(_ref17) {
-  var payload, refreshInterval, tableKey;
-  return _regeneratorRuntime.wrap(function startPollingTask$(_context4) {
-    while (1) {
-      switch (_context4.prev = _context4.next) {
-        case 0:
-          payload = _ref17.payload;
-          refreshInterval = payload.refreshInterval, tableKey = payload.tableKey;
-
-          if (!(refreshInterval && !pollerTableKeys[tableKey])) {
-            _context4.next = 6;
-            break;
-          }
-
-          _context4.next = 5;
-          return fork(pollingTask, tableKey, refreshInterval);
-
-        case 5:
-          pollerTableKeys[tableKey] = _context4.sent;
-
-        case 6:
-        case "end":
-          return _context4.stop();
+  var payload = _ref17.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
+    var refreshInterval, tableKey;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            refreshInterval = payload.refreshInterval, tableKey = payload.tableKey;
+            if (!(refreshInterval && !pollerTableKeys[tableKey])) {
+              _context4.next = 5;
+              break;
+            }
+            _context4.next = 4;
+            return (0, _effects.fork)(pollingTask, tableKey, refreshInterval);
+          case 4:
+            pollerTableKeys[tableKey] = _context4.sent;
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
       }
-    }
-  }, _marked4);
+    }, _callee3);
+  })();
 }
-
 function stopPollingTask(_ref18) {
-  var payload, tableKey;
-  return _regeneratorRuntime.wrap(function stopPollingTask$(_context5) {
-    while (1) {
-      switch (_context5.prev = _context5.next) {
-        case 0:
-          payload = _ref18.payload;
-          tableKey = payload.tableKey;
-
-          if (!pollerTableKeys[tableKey]) {
-            _context5.next = 6;
-            break;
-          }
-
-          _context5.next = 5;
-          return cancel(pollerTableKeys[tableKey]);
-
-        case 5:
-          pollerTableKeys[tableKey] = null;
-
-        case 6:
-        case "end":
-          return _context5.stop();
+  var payload = _ref18.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
+    var tableKey;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            tableKey = payload.tableKey;
+            if (!pollerTableKeys[tableKey]) {
+              _context5.next = 5;
+              break;
+            }
+            _context5.next = 4;
+            return (0, _effects.cancel)(pollerTableKeys[tableKey]);
+          case 4:
+            pollerTableKeys[tableKey] = null;
+          case 5:
+          case "end":
+            return _context5.stop();
+        }
       }
-    }
-  }, _marked5);
+    }, _callee4);
+  })();
 }
-
-regSaga('CONFIGURE_TABLE', /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-  return _regeneratorRuntime.wrap(function _callee$(_context6) {
+(0, _store.regSaga)('CONFIGURE_TABLE', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
+  return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context6) {
     while (1) {
       switch (_context6.prev = _context6.next) {
         case 0:
           _context6.next = 2;
-          return takeEvery('CONFIGURE_TABLE', configureTableTask);
-
+          return (0, _effects.takeEvery)('CONFIGURE_TABLE', configureTableTask);
         case 2:
           _context6.next = 4;
-          return takeEvery('CONFIGURE_TABLE', startPollingTask);
-
+          return (0, _effects.takeEvery)('CONFIGURE_TABLE', startPollingTask);
         case 4:
         case "end":
           return _context6.stop();
       }
     }
-  }, _callee);
-})); //
-
-regSaga(takeEvery('UNMOUNT_TABLE', stopPollingTask));
-regSaga(takeEvery('NEXT_PAGE', calculateRowsTask));
-regSaga(takeEvery('PREV_PAGE', calculateRowsTask));
-regSaga(takeEvery('GOTO_PAGE', calculateRowsTask));
-regSaga(takeEvery('SORT_COLUMN', calculateRowsTask));
-regSaga(takeEvery('SORT_DIRECTION', calculateRowsTask));
-regSaga(takeEvery('APPLY_FILTERS', calculateRowsTask));
-regSaga(takeEvery('APPLY_FILTER_FORM', calculateRowsTask));
-regSaga(takeEvery('REFETCH_TABLE_DATA', calculateRowsTask));
-export var operations = Map({
+  }, _callee5);
+}));
+//
+(0, _store.regSaga)((0, _effects.takeEvery)('UNMOUNT_TABLE', stopPollingTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('NEXT_PAGE', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('PREV_PAGE', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('GOTO_PAGE', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('SORT_COLUMN', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('SORT_DIRECTION', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('APPLY_FILTERS', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('APPLY_FILTER_FORM', calculateRowsTask));
+(0, _store.regSaga)((0, _effects.takeEvery)('REFETCH_TABLE_DATA', calculateRowsTask));
+var operations = (0, _immutable.Map)({
   includes: function includes(cv, v) {
     return cv.toLocaleLowerCase().includes(v.toLocaleLowerCase());
   },
@@ -530,12 +499,13 @@ export var operations = Map({
     }, false);
   }
 });
-export var isValueEmpty = function isValueEmpty(value) {
+exports.operations = operations;
+var isValueEmpty = function isValueEmpty(value) {
   if (value === null) {
     return true;
   } else if (typeof value === 'undefined') {
     return true;
-  } else if (List.isList(value)) {
+  } else if (_immutable.List.isList(value)) {
     if (value.isEmpty()) {
       return true;
     } else {
@@ -546,10 +516,10 @@ export var isValueEmpty = function isValueEmpty(value) {
   } else if (value === '') {
     return true;
   }
-
   return !value;
 };
-export var clientSideRowFilter = function clientSideRowFilter(row, filters) {
+exports.isValueEmpty = isValueEmpty;
+var clientSideRowFilter = function clientSideRowFilter(row, filters) {
   var usableFilters = filters.filter(function (filter) {
     return filter.get('value') !== '';
   }).map(function (filter, column) {
@@ -564,7 +534,7 @@ export var clientSideRowFilter = function clientSideRowFilter(row, filters) {
     return isValueEmpty(value) ? has : op(currentValue, value);
   }, true);
 };
-
+exports.clientSideRowFilter = clientSideRowFilter;
 var applyClientSideFilters = function applyClientSideFilters(tableData, data) {
   var pageOffset = tableData.get('pageOffset');
   var pageSize = tableData.get('pageSize');
@@ -573,11 +543,12 @@ var applyClientSideFilters = function applyClientSideFilters(tableData, data) {
   var filters = tableData.get('appliedFilters');
   var startIndex = pageOffset;
   var endIndex = Math.min(pageOffset + pageSize, data.size);
-  var dataSource = getDataSource(tableData); // This is because the `defineFilter` function wants a native object
+  var dataSource = getDataSource(tableData);
+
+  // This is because the `defineFilter` function wants a native object
   // and not an Immutable map. This changes when we stop using the
   // `clientSideRowFilter` legacy function or when we support immutable
   // objects in the `defineFilter`.
-
   var clientSideFilters = filters.toJS();
   var rowFilter = !dataSource || dataSource.clientSideSearch === true ? function (row) {
     return clientSideRowFilter(row, filters);
@@ -586,8 +557,8 @@ var applyClientSideFilters = function applyClientSideFilters(tableData, data) {
   } : function () {
     return true;
   };
-  return List(data).map(function (d) {
-    return Map(d);
+  return (0, _immutable.List)(data).map(function (d) {
+    return (0, _immutable.Map)(d);
   }).update(function (d) {
     return d.filter(rowFilter);
   }).update(function (d) {
@@ -595,12 +566,11 @@ var applyClientSideFilters = function applyClientSideFilters(tableData, data) {
       return r.get(sortColumn.get('value'));
     }) : d;
   }).update(function (d) {
-    return sortDirection === 'asc' ? d.reverse() : d;
+    return sortDirection === 'asc' ? d : d.reverse();
   }).update(function (d) {
     return d.slice(startIndex, endIndex);
   });
 };
-
 var transformData = function transformData(data, tableData) {
   return data.map(function (row) {
     var columns = tableData.get('columns');
@@ -614,10 +584,8 @@ var transformData = function transformData(data, tableData) {
     }, row);
   });
 };
-
 var calculateRows = function calculateRows(tableData) {
   var dataSource = getDataSource(tableData);
-
   if (isClientSide(tableData)) {
     var data = transformData(tableData.get('data'), tableData);
     var rows = applyClientSideFilters(tableData, data);
@@ -635,60 +603,63 @@ var calculateRows = function calculateRows(tableData) {
       nextPageToken: tableData.get('nextPageToken'),
       pageTokens: tableData.get('pageTokens')
     };
-
     var transform = dataSource.transform || function (result) {
       return result;
     };
-
     var params = dataSource.params(paramData);
-    return dataSource.fn.apply(dataSource, _toConsumableArray(params)).then(function (response) {
+    return dataSource.fn.apply(dataSource, (0, _toConsumableArray2["default"])(params)).then(function (response) {
       if (response.error) return response;
-
       var _transform = transform(response, paramData),
-          nextPageToken = _transform.nextPageToken,
-          responseData = _transform.data,
-          count = _transform.count;
-
-      var data = fromJS(responseData);
+        nextPageToken = _transform.nextPageToken,
+        responseData = _transform.data,
+        count = _transform.count,
+        extraData = _transform.extraData;
+      var data = (0, _immutable.fromJS)(responseData);
       var transformedRows = transformData(data, tableData);
       var rows = dataSource.clientSideSearch || dataSource.clientSide ? applyClientSideFilters(tableData, transformedRows) : transformedRows;
       return {
         nextPageToken: nextPageToken,
-        count: dataSource.clientSideSearch || dataSource.clientSide ? rows.size : count,
+        count: dataSource.clientSideSearch || dataSource.clientSide ? data.size : count,
         data: data,
-        rows: rows
+        rows: rows,
+        extraData: extraData
       };
     });
   } else {
     throw new Error('Unable to calculate rows: Missing both data and a dataSource!');
   }
 };
-
-export var filterFormKey = function filterFormKey(tableKey) {
+var filterFormKey = function filterFormKey(tableKey) {
   return "".concat(tableKey, ".filter-form");
 };
-export var mountTable = function mountTable(tableKey) {
-  dispatch('MOUNT_TABLE', {
+exports.filterFormKey = filterFormKey;
+var mountTable = function mountTable(tableKey) {
+  (0, _store.dispatch)('MOUNT_TABLE', {
     tableKey: tableKey
   });
-  mountForm(filterFormKey(tableKey));
+  (0, _.mountForm)(filterFormKey(tableKey));
 };
-export var unmountTable = function unmountTable(tableKey) {
-  dispatch('UNMOUNT_TABLE', {
+exports.mountTable = mountTable;
+var unmountTable = function unmountTable(tableKey) {
+  (0, _store.dispatch)('UNMOUNT_TABLE', {
     tableKey: tableKey
   });
-  unmountForm(filterFormKey(tableKey));
+  (0, _.unmountForm)(filterFormKey(tableKey));
 };
-export var configureTable = function configureTable(payload) {
-  dispatch('CONFIGURE_TABLE', payload);
+exports.unmountTable = unmountTable;
+var configureTable = function configureTable(payload) {
+  (0, _store.dispatch)('CONFIGURE_TABLE', payload);
 };
-export var refetchTable = function refetchTable(tableKey) {
-  return dispatch('REFETCH_TABLE_DATA', {
+exports.configureTable = configureTable;
+var refetchTable = function refetchTable(tableKey) {
+  return (0, _store.dispatch)('REFETCH_TABLE_DATA', {
     tableKey: tableKey
   });
 };
-export var clearFilters = function clearFilters(tableKey) {
-  return dispatch('CLEAR_TABLE_FILTERS', {
+exports.refetchTable = refetchTable;
+var clearFilters = function clearFilters(tableKey) {
+  return (0, _store.dispatch)('CLEAR_TABLE_FILTERS', {
     tableKey: tableKey
   });
-};
+};
+exports.clearFilters = clearFilters;