@kineticdata/react 6.0.1 → 6.0.3

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

@@ -141,23 +141,53 @@ describe('<Table />', function () {
     test('kitchen sink', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
       var ActionCell, addColumns;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            ActionCell = function ActionCell(props) {
+              return /*#__PURE__*/_react["default"].createElement("td", null, props.value);
+            };
+            addColumns = [{
+              value: '_action',
+              label: 'Actions',
+              components: {
+                BodyCell: ActionCell
+              }
+            }];
+            _context.next = 4;
+            return mountTable({
+              columns: columns,
+              addColumns: addColumns,
+              dataSource: function dataSource(_tableOptions) {
+                return {
+                  fn: dataSourceFn,
+                  params: function params(_paramData) {
+                    return [];
+                  },
+                  transform: function transform(result) {
+                    return {
+                      data: result.mockData
+                    };
+                  }
+                };
+              }
+            });
+          case 4:
+            wrapper = _context.sent;
+            expect(wrapper).toMatchSnapshot();
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    describe('filters', function () {
+      test('legacy filters', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+        var filterLayout;
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              ActionCell = function ActionCell(props) {
-                return /*#__PURE__*/_react["default"].createElement("td", null, props.value);
-              };
-              addColumns = [{
-                value: '_action',
-                label: 'Actions',
-                components: {
-                  BodyCell: ActionCell
-                }
-              }];
-              _context.next = 4;
+              _context2.next = 2;
               return mountTable({
-                columns: columns,
-                addColumns: addColumns,
                 dataSource: function dataSource(_tableOptions) {
                   return {
                     fn: dataSourceFn,
@@ -172,95 +202,59 @@ describe('<Table />', function () {
                   };
                 }
               });
-            case 4:
-              wrapper = _context.sent;
-              expect(wrapper).toMatchSnapshot();
+            case 2:
+              wrapper = _context2.sent;
+              filterLayout = wrapper.find('FilterLayout');
+              expect(filterLayout).toBeDefined();
+              expect(filterLayout).toMatchSnapshot();
             case 6:
             case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    describe('filters', function () {
-      test('legacy filters', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-        var filterLayout;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return mountTable({
-                  dataSource: function dataSource(_tableOptions) {
-                    return {
-                      fn: dataSourceFn,
-                      params: function params(_paramData) {
-                        return [];
-                      },
-                      transform: function transform(result) {
-                        return {
-                          data: result.mockData
-                        };
-                      }
-                    };
-                  }
-                });
-              case 2:
-                wrapper = _context2.sent;
-                filterLayout = wrapper.find('FilterLayout');
-                expect(filterLayout).toBeDefined();
-                expect(filterLayout).toMatchSnapshot();
-              case 6:
-              case "end":
-                return _context2.stop();
-            }
+              return _context2.stop();
           }
         }, _callee2);
       })));
       test('filter form', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
         var filterForm;
         return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return mountTable({
-                  filters: function filters() {
-                    return function () {
-                      return [{
-                        name: 'name',
-                        label: 'Name',
-                        type: 'text'
-                      }, {
-                        name: 'status',
-                        label: 'Status',
-                        type: 'text'
-                      }];
-                    };
-                  },
-                  dataSource: function dataSource(_tableOptions) {
-                    return {
-                      fn: dataSourceFn,
-                      params: function params(_paramData) {
-                        return [];
-                      },
-                      transform: function transform(result) {
-                        return {
-                          data: result.mockData
-                        };
-                      }
-                    };
-                  }
-                });
-              case 2:
-                wrapper = _context3.sent;
-                filterForm = wrapper.find('FilterForm');
-                expect(filterForm).toBeDefined();
-                expect(filterForm).toMatchSnapshot();
-              case 6:
-              case "end":
-                return _context3.stop();
-            }
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return mountTable({
+                filters: function filters() {
+                  return function () {
+                    return [{
+                      name: 'name',
+                      label: 'Name',
+                      type: 'text'
+                    }, {
+                      name: 'status',
+                      label: 'Status',
+                      type: 'text'
+                    }];
+                  };
+                },
+                dataSource: function dataSource(_tableOptions) {
+                  return {
+                    fn: dataSourceFn,
+                    params: function params(_paramData) {
+                      return [];
+                    },
+                    transform: function transform(result) {
+                      return {
+                        data: result.mockData
+                      };
+                    }
+                  };
+                }
+              });
+            case 2:
+              wrapper = _context3.sent;
+              filterForm = wrapper.find('FilterForm');
+              expect(filterForm).toBeDefined();
+              expect(filterForm).toMatchSnapshot();
+            case 6:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3);
       })));
@@ -268,33 +262,31 @@ describe('<Table />', function () {
     describe('dataSource', function () {
       test('dataSource resolves', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
         return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return mountTable({
-                  dataSource: function dataSource(_tableOptions) {
-                    return {
-                      fn: dataSourceFn,
-                      params: function params(_paramData) {
-                        return [];
-                      },
-                      transform: function transform(result) {
-                        return {
-                          data: result.mockData
-                        };
-                      }
-                    };
-                  }
-                });
-              case 2:
-                wrapper = _context4.sent;
-                expect(wrapper).toMatchSnapshot();
-                expect(dataSourceFn.mock.calls).toMatchSnapshot();
-              case 5:
-              case "end":
-                return _context4.stop();
-            }
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return mountTable({
+                dataSource: function dataSource(_tableOptions) {
+                  return {
+                    fn: dataSourceFn,
+                    params: function params(_paramData) {
+                      return [];
+                    },
+                    transform: function transform(result) {
+                      return {
+                        data: result.mockData
+                      };
+                    }
+                  };
+                }
+              });
+            case 2:
+              wrapper = _context4.sent;
+              expect(wrapper).toMatchSnapshot();
+              expect(dataSourceFn.mock.calls).toMatchSnapshot();
+            case 5:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4);
       })));

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

@@ -14,5 +14,4 @@ var BodyCell = function BodyCell(_ref) {
     scope: 'row'
   } : {}, value);
 };
-var _default = BodyCell;
-exports["default"] = _default;
+var _default = exports["default"] = BodyCell;

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

@@ -10,5 +10,4 @@ var BodyRow = function BodyRow(_ref) {
   var cells = _ref.cells;
   return /*#__PURE__*/_react["default"].createElement("tr", null, cells);
 };
-var _default = BodyRow;
-exports["default"] = _default;
+var _default = exports["default"] = BodyRow;

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

@@ -28,5 +28,4 @@ var BooleanFilter = function BooleanFilter(_ref) {
     value: "false"
   }, "No")));
 };
-var _default = BooleanFilter;
-exports["default"] = _default;
+var _default = exports["default"] = BooleanFilter;

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

@@ -22,5 +22,4 @@ var ColumnControl = function ColumnControl(_ref) {
     }, column.get('label')));
   }));
 };
-var _default = ColumnControl;
-exports["default"] = _default;
+var _default = exports["default"] = ColumnControl;

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

@@ -14,5 +14,4 @@ var EmptyBodyRow = function EmptyBodyRow(_ref) {
     colSpan: colSpan
   }, /*#__PURE__*/_react["default"].createElement("em", null, /*#__PURE__*/_react["default"].createElement(_I18n.I18n, null, "No data found."))));
 };
-var _default = EmptyBodyRow;
-exports["default"] = _default;
+var _default = exports["default"] = EmptyBodyRow;

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

@@ -25,5 +25,4 @@ var FilterLayout = function FilterLayout(_ref) {
     type: "submit"
   }, "Search"));
 };
-var _default = FilterLayout;
-exports["default"] = _default;
+var _default = exports["default"] = FilterLayout;

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

@@ -11,5 +11,4 @@ var Footer = function Footer(_ref) {
   var footerRow = _ref.footerRow;
   return /*#__PURE__*/_react["default"].createElement("tfoot", null, footerRow);
 };
-var _default = Footer;
-exports["default"] = _default;
+var _default = exports["default"] = Footer;

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

@@ -9,5 +9,4 @@ var _react = _interopRequireDefault(require("react"));
 var FooterCell = function FooterCell() {
   return /*#__PURE__*/_react["default"].createElement("td", null);
 };
-var _default = FooterCell;
-exports["default"] = _default;
+var _default = exports["default"] = FooterCell;

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

@@ -10,5 +10,4 @@ var FooterRow = function FooterRow(_ref) {
   var cells = _ref.cells;
   return /*#__PURE__*/_react["default"].createElement("tr", null, cells);
 };
-var _default = FooterRow;
-exports["default"] = _default;
+var _default = exports["default"] = FooterRow;

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

@@ -10,5 +10,4 @@ var Header = function Header(_ref) {
   var headerRow = _ref.headerRow;
   return /*#__PURE__*/_react["default"].createElement("thead", null, headerRow);
 };
-var _default = Header;
-exports["default"] = _default;
+var _default = exports["default"] = Header;

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

@@ -19,5 +19,4 @@ var HeaderCell = function HeaderCell(_ref) {
     onClick: onSortColumn
   }, sorting === 'desc' ? /*#__PURE__*/_react["default"].createElement("span", null, "\u2193") : sorting === 'asc' ? /*#__PURE__*/_react["default"].createElement("span", null, "\u2191") : /*#__PURE__*/_react["default"].createElement("span", null, "\u2013"))));
 };
-var _default = HeaderCell;
-exports["default"] = _default;
+var _default = exports["default"] = HeaderCell;

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

@@ -10,5 +10,4 @@ var HeaderRow = function HeaderRow(_ref) {
   var columnHeaders = _ref.columnHeaders;
   return /*#__PURE__*/_react["default"].createElement("tr", null, columnHeaders);
 };
-var _default = HeaderRow;
-exports["default"] = _default;
+var _default = exports["default"] = HeaderRow;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.PaginationControl = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _I18n = require("../../core/i18n/I18n");
-var PaginationControl = function PaginationControl(_ref) {
+var PaginationControl = exports.PaginationControl = function PaginationControl(_ref) {
   var nextPage = _ref.nextPage,
     prevPage = _ref.prevPage,
     loading = _ref.loading;
@@ -19,6 +19,4 @@ var PaginationControl = function PaginationControl(_ref) {
     disabled: loading || !nextPage
   }, /*#__PURE__*/_react["default"].createElement(_I18n.I18n, null, "Next")));
 };
-exports.PaginationControl = PaginationControl;
-var _default = PaginationControl;
-exports["default"] = _default;
+var _default = exports["default"] = PaginationControl;

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

@@ -10,5 +10,4 @@ var TableBody = function TableBody(_ref) {
   var tableRows = _ref.tableRows;
   return /*#__PURE__*/_react["default"].createElement("tbody", null, tableRows);
 };
-var _default = TableBody;
-exports["default"] = _default;
+var _default = exports["default"] = TableBody;

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

@@ -12,5 +12,4 @@ var TableLayout = function TableLayout(_ref) {
     footer = _ref.footer;
   return /*#__PURE__*/_react["default"].createElement("table", null, header, body, footer);
 };
-var _default = TableLayout;
-exports["default"] = _default;
+var _default = exports["default"] = TableLayout;

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

@@ -25,5 +25,4 @@ var TextFilter = function TextFilter(_ref) {
     }
   }));
 };
-var _default = TextFilter;
-exports["default"] = _default;
+var _default = exports["default"] = TextFilter;

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

@@ -22,7 +22,7 @@ var _BooleanFilter = _interopRequireDefault(require("./BooleanFilter"));
 var _TextFilter = _interopRequireDefault(require("./TextFilter"));
 var _PaginationControl = _interopRequireDefault(require("./PaginationControl"));
 var _ColumnControl = _interopRequireDefault(require("./ColumnControl"));
-var DefaultTableConfig = (0, _immutable.Map)({
+var DefaultTableConfig = exports.DefaultTableConfig = (0, _immutable.Map)({
   TableLayout: _TableLayout["default"],
   Header: _Header["default"],
   HeaderRow: _HeaderRow["default"],
@@ -39,5 +39,4 @@ var DefaultTableConfig = (0, _immutable.Map)({
   BooleanFilter: _BooleanFilter["default"],
   PaginationControl: _PaginationControl["default"],
   ColumnControl: _ColumnControl["default"]
-});
-exports.DefaultTableConfig = DefaultTableConfig;
+});

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

@@ -0,0 +1,162 @@
+"use strict";
+
+var _Table = require("../Table.redux");
+var _immutable = require("immutable");
+describe('<Table /> redux', function () {
+  describe('setup', function () {
+    test('true dat', function () {
+      expect(true).toBeTruthy();
+    });
+  });
+  describe('client-side operations', function () {
+    test('startsWith', function () {
+      var op = _Table.operations.get('startsWith');
+      expect(op('currentValue', 'cur')).toBeTruthy();
+    });
+    test('equals', function () {
+      var op = _Table.operations.get('equals');
+      expect(op('currentValue', 'cur')).toBeFalsy();
+      expect(op('currentValue', 'currentValue')).toBeTruthy();
+      expect(op('CURRENTVALUE', 'currentValue')).toBeTruthy();
+      expect(op(1, 2)).toBeFalsy();
+      expect(op(1, 1)).toBeTruthy();
+    });
+    test('lt', function () {
+      var op = _Table.operations.get('lt');
+      expect(op(10, 9)).toBeFalsy();
+      expect(op(10, 11)).toBeTruthy();
+    });
+    test('lteq', function () {
+      var op = _Table.operations.get('lteq');
+      expect(op(10, 9)).toBeFalsy();
+      expect(op(10, 10)).toBeTruthy();
+      expect(op(10, 11)).toBeTruthy();
+    });
+    test('gt', function () {
+      var op = _Table.operations.get('gt');
+      expect(op(10, 9)).toBeTruthy();
+      expect(op(10, 11)).toBeFalsy();
+    });
+    test('gteq', function () {
+      var op = _Table.operations.get('gteq');
+      expect(op(10, 9)).toBeTruthy();
+      expect(op(10, 10)).toBeTruthy();
+      expect(op(10, 11)).toBeFalsy();
+    });
+    test('between', function () {
+      var op = _Table.operations.get('between');
+      expect(op(10, (0, _immutable.List)([1, 20]))).toBeTruthy();
+      expect(op(1, (0, _immutable.List)([1, 20]))).toBeTruthy();
+      expect(op(20, (0, _immutable.List)([1, 20]))).toBeFalsy();
+      expect(op(21, (0, _immutable.List)([1, 20]))).toBeFalsy();
+      expect(op(0, (0, _immutable.List)([1, 20]))).toBeFalsy();
+    });
+    test('in', function () {
+      var op = _Table.operations.get('in');
+      expect(op('a', (0, _immutable.List)(['a', 'b', 'c']))).toBeTruthy();
+      expect(op('A', (0, _immutable.List)(['a', 'b', 'c']))).toBeTruthy();
+      expect(op('b', (0, _immutable.List)(['a', 'b', 'c']))).toBeTruthy();
+      expect(op('c', (0, _immutable.List)(['a', 'b', 'c']))).toBeTruthy();
+      expect(op('d', (0, _immutable.List)(['a', 'b', 'c']))).toBeFalsy();
+    });
+  });
+  describe('#isValueEmpty', function () {
+    test('is empty when undefined', function () {
+      var a;
+      expect((0, _Table.isValueEmpty)(a)).toBeTruthy();
+    });
+    test('is empty when empty string', function () {
+      var a = '';
+      expect((0, _Table.isValueEmpty)(a)).toBeTruthy();
+    });
+    test('is not empty when it is string', function () {
+      var a = 'a';
+      expect((0, _Table.isValueEmpty)(a)).toBeFalsy();
+    });
+    test('is empty when empty List', function () {
+      var a = (0, _immutable.List)();
+      expect((0, _Table.isValueEmpty)(a)).toBeTruthy();
+    });
+    test('is empty when List of empty strings', function () {
+      var a = (0, _immutable.List)(['', '']);
+      expect((0, _Table.isValueEmpty)(a)).toBeTruthy();
+    });
+    test('is not empty when List of items', function () {
+      var a = (0, _immutable.List)(['a', 'b']);
+      expect((0, _Table.isValueEmpty)(a)).toBeFalsy();
+      a = (0, _immutable.List)([1, 2]);
+      expect((0, _Table.isValueEmpty)(a)).toBeFalsy();
+    });
+  });
+  describe('#clientSideGotoPage', function () {
+    var tableData;
+    beforeEach(function () {
+      tableData = (0, _immutable.Map)({
+        pageSize: 5,
+        pageOffset: 0,
+        data: (0, _immutable.Range)(1, 25).toList()
+      });
+    });
+    describe('when pageNumber is invalid', function () {
+      test('invalid type does not affect tableData', function () {
+        expect((0, _Table.clientSideGotoPage)(tableData, 'foo')).toEqualImmutable(tableData);
+      });
+      test('invalid number does not affect tableData', function () {
+        expect((0, _Table.clientSideGotoPage)(tableData, -1)).toEqualImmutable(tableData);
+      });
+    });
+    test('pageNumber 1 offset is 0', function () {
+      var newTableData = (0, _Table.clientSideGotoPage)(tableData.set('pageOffset', 10), 1);
+      expect(newTableData.get('pageOffset')).toBe(0);
+    });
+    test('pageNumber 2 offset is 5', function () {
+      var newTableData = (0, _Table.clientSideGotoPage)(tableData, 2);
+      expect(newTableData.get('pageOffset')).toBe(5);
+    });
+    test('pageNumber 6 offset is unchanged (past the end of the data)', function () {
+      var newTableData = (0, _Table.clientSideGotoPage)(tableData, 6);
+      expect(newTableData.get('pageOffset')).toBe(0);
+    });
+    test('pageNumber 5 offset is 20 (last page)', function () {
+      var newTableData = (0, _Table.clientSideGotoPage)(tableData, 5);
+      expect(newTableData.get('pageOffset')).toBe(20);
+    });
+  });
+  describe('#serverSideGotoPage', function () {
+    var tableData;
+    beforeEach(function () {
+      tableData = (0, _immutable.Map)({
+        loading: false,
+        nextPageToken: 'abc',
+        pageTokens: (0, _immutable.List)([2, 3, 4])
+      });
+    });
+    describe('when pageNumber is invalid', function () {
+      test('invalid type does not affect tableData', function () {
+        expect((0, _Table.serverSideGotoPage)(tableData, 'foo')).toEqualImmutable(tableData);
+      });
+      test('invalid number does not affect tableData', function () {
+        expect((0, _Table.serverSideGotoPage)(tableData, -1)).toEqualImmutable(tableData);
+      });
+    });
+    test('when there are not enough pageTokens it does not affect tableData', function () {
+      expect((0, _Table.serverSideGotoPage)(tableData, 5)).toEqualImmutable(tableData);
+    });
+    test('when going to the first page reset the page tokens', function () {
+      var newTableData = (0, _Table.serverSideGotoPage)(tableData, 1);
+      expect(newTableData.get('loading')).toBe(true);
+      expect(newTableData.get('nextPageToken')).toBeNull();
+      expect(newTableData.get('pageTokens').size).toBe(0);
+    });
+    test('when going to a valid page use its pageToken and adjust the page tokens', function () {
+      var secondTableData = (0, _Table.serverSideGotoPage)(tableData, 2);
+      var thirdTableData = (0, _Table.serverSideGotoPage)(tableData, 3);
+      expect(secondTableData.get('loading')).toBe(true);
+      expect(secondTableData.get('nextPageToken')).toBe(2);
+      expect(secondTableData.get('pageTokens').size).toBe(0);
+      expect(thirdTableData.get('loading')).toBe(true);
+      expect(thirdTableData.get('nextPageToken')).toBe(3);
+      expect(thirdTableData.get('pageTokens').size).toBe(1);
+    });
+  });
+});