@kineticdata/react 6.1.0 → 6.1.1

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

@@ -5,14 +5,17 @@ var _regeneratorRuntime3 = require("@babel/runtime/helpers/regeneratorRuntime")[
 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"));
+exports.unmountTable = exports.toggleFilterField = exports.serverSideGotoPage = exports.resetFilterForm = exports.reloadTablePage = exports.refetchTable = exports.operations = exports.mountTable = exports.isValueEmpty = exports.isClientSide = exports.hasTableFiltersApplied = exports.hasData = exports.generateInitialSortColumn = exports.generateFilters = exports.findTableKey = exports.filterFormKey = exports.configureTable = exports.clientSideRowFilter = exports.clientSideGotoPage = exports.clearFilters = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _immutable = require("immutable");
 var _isarray = _interopRequireDefault(require("isarray"));
 var _effects = require("redux-saga/effects");
 var _store = require("../../store");
 var _ = require("..");
+var _Form = require("../form/Form");
 var _marked = /*#__PURE__*/_regeneratorRuntime3().mark(pollingTask);
 var hasData = exports.hasData = function hasData(data) {
   return (0, _isarray["default"])(data) || data instanceof _immutable.List;
@@ -25,10 +28,10 @@ var getDataSource = function getDataSource(tableData) {
   var dataSourceFn = tableData.get('dataSource') || noop;
   return dataSourceFn(tableOptions);
 };
-var isClientSide = exports.isClientSide = function isClientSide(tableData) {
+var isClientSide = exports.isClientSide = function isClientSide(tableData, ignoreData) {
   var data = tableData.get('data');
   var dataSource = getDataSource(tableData);
-  return hasData(data) && (dataSource && (dataSource.clientSideSearch === true || dataSource.clientSide) || !dataSource);
+  return (hasData(data) || ignoreData) && (dataSource && (dataSource.clientSideSearch === true || dataSource.clientSide) || !dataSource);
 };
 var clientSideGotoPage = exports.clientSideGotoPage = function clientSideGotoPage(tableData, pageNumber) {
   var data = tableData.get('data');
@@ -73,6 +76,9 @@ var serverSidePrevPage = function serverSidePrevPage(tableData) {
     return t.set('nextPageToken', t.get('pageTokens').last());
   });
 };
+var serverSideReloadPage = function serverSideReloadPage(tableData) {
+  return tableData.set('loading', true).set('nextPageToken', tableData.get('pageTokens').last());
+};
 
 // should be '' except if op is between, or in
 var getInitialFilterValue = function getInitialFilterValue(column) {
@@ -122,7 +128,10 @@ var generateInitialSortColumn = exports.generateInitialSortColumn = function gen
       tableOptions = _ref3$payload.tableOptions,
       onValidateFilters = _ref3$payload.onValidateFilters,
       filterForm = _ref3$payload.filterForm,
-      onFetch = _ref3$payload.onFetch;
+      filterSet = _ref3$payload.filterSet,
+      onFetch = _ref3$payload.onFetch,
+      onColumnSort = _ref3$payload.onColumnSort,
+      onColumnToggle = _ref3$payload.onColumnToggle;
     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,
@@ -145,11 +154,14 @@ var generateInitialSortColumn = exports.generateInitialSortColumn = function gen
       error: null,
       // Filtering
       filterForm: filterForm,
+      filterSet: filterSet,
       filters: generateFilters(tableKey, columns),
       appliedFilters: generateFilters(tableKey, columns),
       validFilters: true,
       onValidateFilters: onValidateFilters,
       onFetch: onFetch,
+      onColumnSort: onColumnSort,
+      onColumnToggle: onColumnToggle,
       configured: true,
       initialize: true
     }));
@@ -173,45 +185,63 @@ var generateInitialSortColumn = exports.generateInitialSortColumn = function gen
       });
     });
   },
-  SET_ROWS: function SET_ROWS(state, _ref5) {
+  TOGGLE_FILTER: function TOGGLE_FILTER(state, _ref5) {
     var _ref5$payload = _ref5.payload,
       tableKey = _ref5$payload.tableKey,
-      rows = _ref5$payload.rows,
-      data = _ref5$payload.data,
-      _ref5$payload$extraDa = _ref5$payload.extraData,
-      extraData = _ref5$payload$extraDa === void 0 ? null : _ref5$payload$extraDa,
-      nextPageToken = _ref5$payload.nextPageToken,
-      count = _ref5$payload.count,
-      _ref5$payload$error = _ref5$payload.error,
-      error = _ref5$payload$error === void 0 ? null : _ref5$payload$error;
+      filters = _ref5$payload.filters;
+    return state.updateIn(['tables', tableKey, 'filterSet'], function (filterSet) {
+      return !filterSet ? filters : filters.reduce(function (set, filter) {
+        return set.includes(filter) ? set.filter(function (f) {
+          return f !== filter;
+        }) : [].concat((0, _toConsumableArray2["default"])(set), [filter]);
+      }, filterSet);
+    });
+  },
+  SET_ROWS: function SET_ROWS(state, _ref6) {
+    var _ref6$payload = _ref6.payload,
+      tableKey = _ref6$payload.tableKey,
+      rows = _ref6$payload.rows,
+      data = _ref6$payload.data,
+      _ref6$payload$extraDa = _ref6$payload.extraData,
+      extraData = _ref6$payload$extraDa === void 0 ? null : _ref6$payload$extraDa,
+      nextPageToken = _ref6$payload.nextPageToken,
+      count = _ref6$payload.count,
+      _ref6$payload$error = _ref6$payload.error,
+      error = _ref6$payload$error === void 0 ? null : _ref6$payload$error;
     return state.updateIn(['tables', tableKey], function (table) {
       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, _ref6) {
-    var tableKey = _ref6.payload.tableKey;
+  NEXT_PAGE: function NEXT_PAGE(state, _ref7) {
+    var tableKey = _ref7.payload.tableKey;
     return state.updateIn(['tables', tableKey], function (tableData) {
       return isClientSide(tableData) ? clientSideNextPage(tableData) : serverSideNextPage(tableData);
     }).setIn(['tables', tableKey, 'error'], null);
   },
-  PREV_PAGE: function PREV_PAGE(state, _ref7) {
-    var tableKey = _ref7.payload.tableKey;
+  PREV_PAGE: function PREV_PAGE(state, _ref8) {
+    var tableKey = _ref8.payload.tableKey;
     return state.updateIn(['tables', tableKey], function (tableData) {
       return isClientSide(tableData) ? clientSidePrevPage(tableData) : serverSidePrevPage(tableData);
     }).setIn(['tables', tableKey, 'error'], null);
   },
-  GOTO_PAGE: function GOTO_PAGE(state, _ref8) {
-    var _ref8$payload = _ref8.payload,
-      tableKey = _ref8$payload.tableKey,
-      pageNumber = _ref8$payload.pageNumber;
+  GOTO_PAGE: function GOTO_PAGE(state, _ref9) {
+    var _ref9$payload = _ref9.payload,
+      tableKey = _ref9$payload.tableKey,
+      pageNumber = _ref9$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, _ref9) {
-    var _ref9$payload = _ref9.payload,
-      tableKey = _ref9$payload.tableKey,
-      column = _ref9$payload.column;
+  RELOAD_PAGE: function RELOAD_PAGE(state, _ref10) {
+    var tableKey = _ref10.payload.tableKey;
+    return state.hasIn(['tables', tableKey]) ? state.updateIn(['tables', tableKey], function (tableData) {
+      return tableData.get('configured') ? (isClientSide(tableData) ? tableData : serverSideReloadPage(tableData)).set('loading', true).set('data', null).set('error', null) : tableData;
+    }) : state;
+  },
+  SORT_COLUMN: function SORT_COLUMN(state, _ref11) {
+    var _ref11$payload = _ref11.payload,
+      tableKey = _ref11$payload.tableKey,
+      column = _ref11$payload.column;
     return state.updateIn(['tables', tableKey], function (t) {
       var sortColumn = t.get('sortColumn');
       var sortDirection = t.get('sortDirection');
@@ -222,48 +252,49 @@ var generateInitialSortColumn = exports.generateInitialSortColumn = function gen
       .set('sortDirection', sortColumn === column ? sortDirection === 'asc' ? 'desc' : 'asc' : 'asc').set('sortColumn', column).set('error', null);
     });
   },
-  SET_FILTER: function SET_FILTER(state, _ref10) {
-    var _ref10$payload = _ref10.payload,
-      tableKey = _ref10$payload.tableKey,
-      filter = _ref10$payload.filter,
-      value = _ref10$payload.value;
+  SET_FILTER: function SET_FILTER(state, _ref12) {
+    var _ref12$payload = _ref12.payload,
+      tableKey = _ref12$payload.tableKey,
+      filter = _ref12$payload.filter,
+      value = _ref12$payload.value;
     return state.updateIn(['tables', tableKey], function (table) {
       return table.setIn(['filters', filter, 'value'], value).set('validFilters', evaluateValidFilters(table));
     });
   },
-  APPLY_FILTERS: function APPLY_FILTERS(state, _ref11) {
-    var tableKey = _ref11.payload.tableKey;
+  APPLY_FILTERS: function APPLY_FILTERS(state, _ref13) {
+    var tableKey = _ref13.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', (0, _immutable.List)()).set('error', null);
     });
   },
-  APPLY_FILTER_FORM: function APPLY_FILTER_FORM(state, _ref12) {
-    var _ref12$payload = _ref12.payload,
-      tableKey = _ref12$payload.tableKey,
-      appliedFilters = _ref12$payload.appliedFilters;
+  APPLY_FILTER_FORM: function APPLY_FILTER_FORM(state, _ref14) {
+    var _ref14$payload = _ref14.payload,
+      tableKey = _ref14$payload.tableKey,
+      appliedFilters = _ref14$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', (0, _immutable.List)()).set('error', null);
     });
   },
-  REFETCH_TABLE_DATA: function REFETCH_TABLE_DATA(state, _ref13) {
-    var tableKey = _ref13.payload.tableKey;
+  REFETCH_TABLE_DATA: function REFETCH_TABLE_DATA(state, _ref15) {
+    var tableKey = _ref15.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', (0, _immutable.List)()).set('data', null).set('error', null) : tableData;
     }) : state;
   },
-  CLEAR_TABLE_FILTERS: function CLEAR_TABLE_FILTERS(state, _ref14) {
-    var tableKey = _ref14.payload.tableKey;
+  CLEAR_TABLE_FILTERS: function CLEAR_TABLE_FILTERS(state, _ref16) {
+    var tableKey = _ref16.payload.tableKey;
     return state.setIn(['tables', tableKey, 'filters'], generateFilters(tableKey, state.getIn(['tables', tableKey, 'columns'])));
   },
-  CLEAR_SELECTED_FILTERS: function CLEAR_SELECTED_FILTERS(state, _ref15) {
-    var tableKey = _ref15.payload.tableKey;
+  CLEAR_SELECTED_FILTERS: function CLEAR_SELECTED_FILTERS(state, _ref17) {
+    var tableKey = _ref17.payload.tableKey;
     return state.setIn(['tables', tableKey, 'filters'], state.getIn(['tables', tableKey, 'appliedFilters']));
   }
 });
-function calculateRowsTask(_ref16) {
-  var payload = _ref16.payload;
+function calculateRowsTask(_ref18) {
+  var type = _ref18.type,
+    payload = _ref18.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-    var tableKey, tableData, response, rows, data, nextPageToken, count, error, extraData, onFetch;
+    var _response$data, _response$data2, tableKey, tableData, response, isPageEmpty, rows, data, nextPageToken, count, error, extraData, onFetch;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -275,7 +306,7 @@ function calculateRowsTask(_ref16) {
           });
         case 4:
           tableData = _context.sent;
-          if (tableData) {
+          if (!(!tableData || type === 'RELOAD_PAGE' && !tableData.get('configured'))) {
             _context.next = 7;
             break;
           }
@@ -285,13 +316,29 @@ function calculateRowsTask(_ref16) {
           return (0, _effects.call)(calculateRows, tableData);
         case 9:
           response = _context.sent;
+          isPageEmpty = isClientSide(tableData, true) ? (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.size) <= tableData.get('pageOffset') && tableData.get('pageOffset') > 0 : (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.size) === 0 && tableData.get('pageTokens').size !== 0;
+          if (!(isPageEmpty && !isClientSide(tableData, true))) {
+            _context.next = 16;
+            break;
+          }
+          _context.next = 14;
+          return (0, _effects.put)({
+            type: 'PREV_PAGE',
+            payload: {
+              tableKey: tableKey
+            }
+          });
+        case 14:
+          _context.next = 31;
+          break;
+        case 16:
           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;
+            _context.next = 23;
             break;
           }
-          _context.next = 15;
+          _context.next = 21;
           return (0, _effects.put)({
             type: 'SET_ROWS',
             payload: {
@@ -304,11 +351,11 @@ function calculateRowsTask(_ref16) {
               extraData: extraData
             }
           });
-        case 15:
-          _context.next = 19;
+        case 21:
+          _context.next = 28;
           break;
-        case 17:
-          _context.next = 19;
+        case 23:
+          _context.next = 25;
           return (0, _effects.put)({
             type: 'SET_ROWS',
             payload: {
@@ -320,12 +367,24 @@ function calculateRowsTask(_ref16) {
               extraData: extraData
             }
           });
-        case 19:
+        case 25:
+          if (!(isPageEmpty && isClientSide(tableData, true))) {
+            _context.next = 28;
+            break;
+          }
+          _context.next = 28;
+          return (0, _effects.put)({
+            type: 'PREV_PAGE',
+            payload: {
+              tableKey: tableKey
+            }
+          });
+        case 28:
           if (!(typeof onFetch === 'function')) {
-            _context.next = 22;
+            _context.next = 31;
             break;
           }
-          _context.next = 22;
+          _context.next = 31;
           return (0, _effects.call)(onFetch, {
             tableKey: tableKey,
             rows: rows,
@@ -333,22 +392,22 @@ function calculateRowsTask(_ref16) {
             error: error,
             extraData: extraData
           });
-        case 22:
-          _context.next = 27;
+        case 31:
+          _context.next = 36;
           break;
-        case 24:
-          _context.prev = 24;
+        case 33:
+          _context.prev = 33;
           _context.t0 = _context["catch"](0);
           console.error(_context.t0);
-        case 27:
+        case 36:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 24]]);
+    }, _callee, null, [[0, 33]]);
   })();
 }
-function configureTableTask(_ref17) {
-  var payload = _ref17.payload;
+function configureTableTask(_ref19) {
+  var payload = _ref19.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
     var filterForm, tableKey, initialFilterValues;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
@@ -400,8 +459,8 @@ function pollingTask(tableKey) {
     }
   }, _marked);
 }
-function startPollingTask(_ref18) {
-  var payload = _ref18.payload;
+function startPollingTask(_ref20) {
+  var payload = _ref20.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
     var refreshInterval, tableKey;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context4) {
@@ -423,8 +482,8 @@ function startPollingTask(_ref18) {
     }, _callee3);
   })();
 }
-function stopPollingTask(_ref19) {
-  var payload = _ref19.payload;
+function stopPollingTask(_ref21) {
+  var payload = _ref21.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
     var tableKey;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context5) {
@@ -466,11 +525,146 @@ function stopPollingTask(_ref19) {
 (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)('RELOAD_PAGE', 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));
+(0, _store.regSaga)((0, _effects.takeEvery)('SORT_COLUMN', /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6(action) {
+  var tableKey, _yield$select, _yield$select2, onColumnSort, sortColumn, sortDirection;
+  return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context7) {
+    while (1) switch (_context7.prev = _context7.next) {
+      case 0:
+        tableKey = action.payload.tableKey; // Call calculate rows task
+        _context7.next = 3;
+        return (0, _effects.call)(calculateRowsTask, action);
+      case 3:
+        _context7.next = 5;
+        return (0, _effects.select)(function (state) {
+          return [state.getIn(['tables', tableKey, 'onColumnSort']), state.getIn(['tables', tableKey, 'sortColumn', 'value']), state.getIn(['tables', tableKey, 'sortDirection'])];
+        });
+      case 5:
+        _yield$select = _context7.sent;
+        _yield$select2 = (0, _slicedToArray2["default"])(_yield$select, 3);
+        onColumnSort = _yield$select2[0];
+        sortColumn = _yield$select2[1];
+        sortDirection = _yield$select2[2];
+        if (!(typeof onColumnSort === 'function')) {
+          _context7.next = 13;
+          break;
+        }
+        _context7.next = 13;
+        return (0, _effects.call)(onColumnSort, {
+          tableKey: tableKey,
+          sortColumn: sortColumn,
+          sortDirection: sortDirection
+        });
+      case 13:
+      case "end":
+        return _context7.stop();
+    }
+  }, _callee6);
+})));
+(0, _store.regSaga)((0, _effects.takeEvery)('TOGGLE_COLUMN', function (_ref22) {
+  var tableKey = _ref22.payload.tableKey;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee7() {
+    var _yield$select3, _yield$select4, onColumnToggle, columnSet;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee7$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _context8.next = 2;
+          return (0, _effects.select)(function (state) {
+            return [state.getIn(['tables', tableKey, 'onColumnToggle']), state.getIn(['tables', tableKey, 'columnSet'])];
+          });
+        case 2:
+          _yield$select3 = _context8.sent;
+          _yield$select4 = (0, _slicedToArray2["default"])(_yield$select3, 2);
+          onColumnToggle = _yield$select4[0];
+          columnSet = _yield$select4[1];
+          if (!(typeof onColumnToggle === 'function')) {
+            _context8.next = 9;
+            break;
+          }
+          _context8.next = 9;
+          return (0, _effects.call)(onColumnToggle, {
+            tableKey: tableKey,
+            columnSet: columnSet
+          });
+        case 9:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee7);
+  })();
+}));
+(0, _store.regSaga)((0, _effects.takeEvery)('TOGGLE_FILTER', function (_ref23) {
+  var _ref23$payload = _ref23.payload,
+    tableKey = _ref23$payload.tableKey,
+    filters = _ref23$payload.filters;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee8() {
+    var _yield$select5, _yield$select6, filterSet, appliedFilters, filtersToRemove, _iterator, _step, filter;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee8$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          _context9.next = 2;
+          return (0, _effects.select)(function (state) {
+            return [state.getIn(['tables', tableKey, 'filterSet']), state.getIn(['tables', tableKey, 'appliedFilters'])];
+          });
+        case 2:
+          _yield$select5 = _context9.sent;
+          _yield$select6 = (0, _slicedToArray2["default"])(_yield$select5, 2);
+          filterSet = _yield$select6[0];
+          appliedFilters = _yield$select6[1];
+          // Determine filters that were removed
+          filtersToRemove = filters.filter(function (filter) {
+            return !filterSet.includes(filter);
+          }); // If any filters were removed from the set
+          if (!(filtersToRemove.length > 0)) {
+            _context9.next = 28;
+            break;
+          }
+          _iterator = (0, _createForOfIteratorHelper2["default"])(filtersToRemove);
+          _context9.prev = 9;
+          _iterator.s();
+        case 11:
+          if ((_step = _iterator.n()).done) {
+            _context9.next = 17;
+            break;
+          }
+          filter = _step.value;
+          _context9.next = 15;
+          return (0, _effects.call)(_Form.setValue, filterFormKey(tableKey), filter, null);
+        case 15:
+          _context9.next = 11;
+          break;
+        case 17:
+          _context9.next = 22;
+          break;
+        case 19:
+          _context9.prev = 19;
+          _context9.t0 = _context9["catch"](9);
+          _iterator.e(_context9.t0);
+        case 22:
+          _context9.prev = 22;
+          _iterator.f();
+          return _context9.finish(22);
+        case 25:
+          if (!filtersToRemove.some(function (filter) {
+            return appliedFilters.get(filter);
+          })) {
+            _context9.next = 28;
+            break;
+          }
+          _context9.next = 28;
+          return (0, _effects.call)(_.submitForm, filterFormKey(tableKey), {
+            fieldSet: filterSet
+          });
+        case 28:
+        case "end":
+          return _context9.stop();
+      }
+    }, _callee8, null, [[9, 19, 22, 25]]);
+  })();
+}));
 var operations = exports.operations = (0, _immutable.Map)({
   includes: function includes(cv, v) {
     return cv.toLocaleLowerCase().includes(v.toLocaleLowerCase());
@@ -587,8 +781,9 @@ var transformData = function transformData(data, tableData) {
 var calculateRows = function calculateRows(tableData) {
   var dataSource = getDataSource(tableData);
   if (isClientSide(tableData)) {
-    var data = transformData(tableData.get('data'), tableData);
-    var rows = applyClientSideFilters(tableData, data);
+    var data = tableData.get('data');
+    var transformedRows = transformData(data, tableData);
+    var rows = applyClientSideFilters(tableData, transformedRows);
     return Promise.resolve({
       rows: rows,
       data: data,
@@ -652,8 +847,37 @@ var refetchTable = exports.refetchTable = function refetchTable(tableKey) {
     tableKey: tableKey
   });
 };
+var reloadTablePage = exports.reloadTablePage = function reloadTablePage(tableKey) {
+  return (0, _store.dispatch)('RELOAD_PAGE', {
+    tableKey: tableKey
+  });
+};
 var clearFilters = exports.clearFilters = function clearFilters(tableKey) {
   return (0, _store.dispatch)('CLEAR_TABLE_FILTERS', {
     tableKey: tableKey
   });
+};
+var resetFilterForm = exports.resetFilterForm = function resetFilterForm(tableKey) {
+  return (0, _store.dispatch)('APPLY_FILTER_FORM', {
+    tableKey: tableKey,
+    appliedFilters: (0, _immutable.Map)()
+  });
+};
+var toggleFilterField = exports.toggleFilterField = function toggleFilterField(tableKey) {
+  for (var _len = arguments.length, filters = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    filters[_key - 1] = arguments[_key];
+  }
+  return (0, _store.dispatch)('TOGGLE_FILTER', {
+    tableKey: tableKey,
+    filters: filters
+  });
+};
+var hasTableFiltersApplied = exports.hasTableFiltersApplied = function hasTableFiltersApplied(tableKey) {
+  var _store$getState$getIn, _store$getState$getIn2;
+  return ((_store$getState$getIn = _store.store.getState().getIn(['tables', tableKey, 'appliedFilters'])) === null || _store$getState$getIn === void 0 ? void 0 : (_store$getState$getIn2 = _store$getState$getIn.filter(Boolean)) === null || _store$getState$getIn2 === void 0 ? void 0 : _store$getState$getIn2.size) > 0;
+};
+var findTableKey = exports.findTableKey = function findTableKey(fn) {
+  return _store.store.getState().get('tables').keySeq().toList().find(fn || function () {
+    return true;
+  });
 };

package/lib/components/table/defaults/FilterControl.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var FilterControl = function FilterControl(_ref) {
+  var filterFields = _ref.filterFields;
+  return /*#__PURE__*/_react["default"].createElement("div", null, filterFields === null || filterFields === void 0 ? void 0 : filterFields.map(function (field) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "field"
+    }, /*#__PURE__*/_react["default"].createElement("input", {
+      type: "checkbox",
+      id: "filter-toggle-".concat(field.get('name')),
+      checked: field.get('checked'),
+      onChange: field.get('toggle')
+    }), /*#__PURE__*/_react["default"].createElement("label", {
+      htmlFor: "filter-toggle-".concat(field.get('name'))
+    }, field.get('label')));
+  }));
+};
+var _default = exports["default"] = FilterControl;

package/lib/components/table/defaults/index.js

@@ -17,6 +17,7 @@ var _BodyCell = _interopRequireDefault(require("./BodyCell"));
 var _Footer = _interopRequireDefault(require("./Footer"));
 var _FooterRow = _interopRequireDefault(require("./FooterRow"));
 var _FooterCell = _interopRequireDefault(require("./FooterCell"));
+var _FilterControl = _interopRequireDefault(require("./FilterControl"));
 var _FilterLayout = _interopRequireDefault(require("./FilterLayout"));
 var _BooleanFilter = _interopRequireDefault(require("./BooleanFilter"));
 var _TextFilter = _interopRequireDefault(require("./TextFilter"));
@@ -34,6 +35,7 @@ var DefaultTableConfig = exports.DefaultTableConfig = (0, _immutable.Map)({
   Footer: _Footer["default"],
   FooterRow: _FooterRow["default"],
   FooterCell: _FooterCell["default"],
+  FilterControl: _FilterControl["default"],
   FilterLayout: _FilterLayout["default"],
   TextFilter: _TextFilter["default"],
   BooleanFilter: _BooleanFilter["default"],

package/lib/components/table/tests/Table.test.js

@@ -91,28 +91,28 @@ var getByTestId = function getByTestId(json, id) {
   return undefined;
 };
 
-/*
-
-* Repeat for: server-side, server-side w/client sort and paginate, client-side
-* test sorting by column
-* test sorting changing direction
-* test default sort parameters
-
-* test pure-client-side (data prop passed)
-
- * test overriding default components for whole table
- * test altering columns
- ** changing component
- ** What else *can* be changed???
- * test adding columns
- * test valueTransform
- * test columnSet
- * test pageSize
- * test sortable
- * test omit header
- * test include footer
-
-
+/*
+
+* Repeat for: server-side, server-side w/client sort and paginate, client-side
+* test sorting by column
+* test sorting changing direction
+* test default sort parameters
+
+* test pure-client-side (data prop passed)
+
+ * test overriding default components for whole table
+ * test altering columns
+ ** changing component
+ ** What else *can* be changed???
+ * test adding columns
+ * test valueTransform
+ * test columnSet
+ * test pageSize
+ * test sortable
+ * test omit header
+ * test include footer
+
+
  */
 
 describe('<Table />', function () {