@kineticdata/react 5.1.2 → 6.0.1

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

@@ -1,45 +1,46 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React from 'react';
-import { KineticLib } from '../../index';
-import { store } from '../../store';
-import { render, mount } from 'enzyme';
-import { List, Map } from 'immutable';
-import { users } from '../../../tests/fixtures';
-import { DefaultTableConfig } from './defaults';
-import { buildTable, buildTableHeader, buildTableHeaderRow, buildTableHeaderCell, buildTableBody, buildTableBodyRows, buildTableBodyCells, buildTableFooter, buildTableFooterRow, buildTableFooterCells, extractColumnComponents, generateColumns, generateTable } from './Table';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../index");
+var _store = require("../../store");
+var _enzyme = require("enzyme");
+var _immutable = require("immutable");
+var _fixtures = require("../../../tests/fixtures");
+var _defaults = require("./defaults");
+var _Table = require("./Table");
+var _excluded = ["dataSource", "filters", "filterDataSources", "columns", "tableOptions", "tableKey", "TableView"];
 var buildProps = function buildProps(props) {
-  props.columnComponents = extractColumnComponents(props.columns);
+  props.columnComponents = (0, _Table.extractColumnComponents)(props.columns);
   return props;
-}; // Things passed in from generateTables
-// tableOptions, columns, dataSource, sortable
+};
 
+// Things passed in from generateTables
+// tableOptions, columns, dataSource, sortable
 
 var TABLE_KEY = 'mock-table-key';
-
 var TableViewMock = function TableViewMock(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.table, props.pagination, props.filter);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.table, props.pagination, props.filter);
 };
-
 var mountTable = function mountTable(_ref) {
   var dataSource = _ref.dataSource,
-      filters = _ref.filters,
-      filterDataSources = _ref.filterDataSources,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
-      _ref$tableOptions = _ref.tableOptions,
-      tableOptions = _ref$tableOptions === void 0 ? {} : _ref$tableOptions,
-      _ref$tableKey = _ref.tableKey,
-      tableKey = _ref$tableKey === void 0 ? TABLE_KEY : _ref$tableKey,
-      _ref$TableView = _ref.TableView,
-      TableView = _ref$TableView === void 0 ? TableViewMock : _ref$TableView,
-      tableProps = _objectWithoutProperties(_ref, ["dataSource", "filters", "filterDataSources", "columns", "tableOptions", "tableKey", "TableView"]);
-
+    filters = _ref.filters,
+    filterDataSources = _ref.filterDataSources,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$tableOptions = _ref.tableOptions,
+    tableOptions = _ref$tableOptions === void 0 ? {} : _ref$tableOptions,
+    _ref$tableKey = _ref.tableKey,
+    tableKey = _ref$tableKey === void 0 ? TABLE_KEY : _ref$tableKey,
+    _ref$TableView = _ref.TableView,
+    TableView = _ref$TableView === void 0 ? TableViewMock : _ref$TableView,
+    tableProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Generate a new Table type using the options.
-  var Table = generateTable({
+  var Table = (0, _Table.generateTable)({
     dataSource: dataSource,
     columns: columns,
     filters: filters,
@@ -47,32 +48,31 @@ var mountTable = function mountTable(_ref) {
     tableOptions: Object.keys(tableOptions)
   });
   return new Promise(function (resolve) {
-    var result = mount( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement(Table, Object.assign({
+    var result = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement(Table, Object.assign({
       tableKey: tableKey,
       uncontrolled: true
     }, tableProps, tableOptions), function (props) {
-      return /*#__PURE__*/React.createElement(TableView, props);
+      return /*#__PURE__*/_react["default"].createElement(TableView, props);
     })));
-
     var ready = function ready() {
-      return !(store.getState().getIn(['tables', tableKey, 'loading'], true) || store.getState().getIn(['tables', tableKey, 'initializing'], true));
+      return !(_store.store.getState().getIn(['tables', tableKey, 'loading'], true) || _store.store.getState().getIn(['tables', tableKey, 'initializing'], true));
     };
-
     if (ready()) {
       result.update();
       resolve(result);
     } else {
-      var unsub = store.subscribe(function () {
+      var unsub = _store.store.subscribe(function () {
         if (ready()) {
           result.update();
-          resolve(result); // Remove the store listener since we're done.
-
+          resolve(result);
+          // Remove the store listener since we're done.
           unsub();
         }
       });
     }
   });
 };
+
 /*
 
 * Repeat for: server-side, server-side w/client sort and paginate, client-side
@@ -97,7 +97,6 @@ var mountTable = function mountTable(_ref) {
 
  */
 
-
 describe('<Table />', function () {
   describe('render', function () {
     var data, columns, wrapper, dataSourceFn;
@@ -139,16 +138,15 @@ describe('<Table />', function () {
         wrapper.unmount();
       }
     });
-    test('kitchen sink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    test('kitchen sink', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
       var ActionCell, addColumns;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               ActionCell = function ActionCell(props) {
-                return /*#__PURE__*/React.createElement("td", null, props.value);
+                return /*#__PURE__*/_react["default"].createElement("td", null, props.value);
               };
-
               addColumns = [{
                 value: '_action',
                 label: 'Actions',
@@ -174,11 +172,9 @@ describe('<Table />', function () {
                   };
                 }
               });
-
             case 4:
               wrapper = _context.sent;
               expect(wrapper).toMatchSnapshot();
-
             case 6:
             case "end":
               return _context.stop();
@@ -187,9 +183,9 @@ describe('<Table />', function () {
       }, _callee);
     })));
     describe('filters', function () {
-      test('legacy filters', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      test('legacy filters', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
         var filterLayout;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
@@ -209,13 +205,11 @@ describe('<Table />', function () {
                     };
                   }
                 });
-
               case 2:
                 wrapper = _context2.sent;
                 filterLayout = wrapper.find('FilterLayout');
                 expect(filterLayout).toBeDefined();
                 expect(filterLayout).toMatchSnapshot();
-
               case 6:
               case "end":
                 return _context2.stop();
@@ -223,9 +217,9 @@ describe('<Table />', function () {
           }
         }, _callee2);
       })));
-      test('filter form', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      test('filter form', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
         var filterForm;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
@@ -258,13 +252,11 @@ describe('<Table />', function () {
                     };
                   }
                 });
-
               case 2:
                 wrapper = _context3.sent;
                 filterForm = wrapper.find('FilterForm');
                 expect(filterForm).toBeDefined();
                 expect(filterForm).toMatchSnapshot();
-
               case 6:
               case "end":
                 return _context3.stop();
@@ -274,8 +266,8 @@ describe('<Table />', function () {
       })));
     });
     describe('dataSource', function () {
-      test('dataSource resolves', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      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:
@@ -295,12 +287,10 @@ describe('<Table />', function () {
                     };
                   }
                 });
-
               case 2:
                 wrapper = _context4.sent;
                 expect(wrapper).toMatchSnapshot();
                 expect(dataSourceFn.mock.calls).toMatchSnapshot();
-
               case 5:
               case "end":
                 return _context4.stop();
@@ -313,115 +303,109 @@ describe('<Table />', function () {
   describe('build methods', function () {
     var props;
     var data = [];
-    var columns = List([]);
-    var columnSet = List([]);
+    var columns = (0, _immutable.List)([]);
+    var columnSet = (0, _immutable.List)([]);
     beforeEach(function () {
-      data = users(2);
-      columns = List([Map({
+      data = (0, _fixtures.users)(2);
+      columns = (0, _immutable.List)([(0, _immutable.Map)({
         value: 'username',
         title: 'Username'
       })]);
-      columnSet = List(['username']);
+      columnSet = (0, _immutable.List)(['username']);
       props = {
         // Spread in the default components since the method tests will not be getting
         // any components from the context since we're bypassing the top level `Table`
         // component for testing.
-        components: _objectSpread({}, DefaultTableConfig.toJS()),
+        components: (0, _objectSpread2["default"])({}, _defaults.DefaultTableConfig.toJS()),
         data: data,
         columns: columns,
         columnSet: columnSet,
-        rows: List(data).map(function (r) {
-          return Map(r);
+        rows: (0, _immutable.List)(data).map(function (r) {
+          return (0, _immutable.Map)(r);
         })
       };
     });
     describe('#buildTable', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTable(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTable)(buildProps(props))));
         expect(wrapper.is('table')).toBeTruthy();
         expect(wrapper.is('table.custom-table')).toBeFalsy();
       });
       test('it renders a custom table', function () {
         var TableLayout = function TableLayout() {
-          return /*#__PURE__*/React.createElement("table", {
+          return /*#__PURE__*/_react["default"].createElement("table", {
             className: "custom-table"
           });
         };
-
         props.components.TableLayout = TableLayout;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTable(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTable)(buildProps(props))));
         expect(wrapper.is('table.custom-table')).toBeTruthy();
       });
     });
     describe('#buildTableHeader', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeader(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
         expect(wrapper.is('thead')).toBeTruthy();
         expect(wrapper.is('thead.custom-thead')).toBeFalsy();
       });
       test('it does not render when omitHeader is set', function () {
         props.omitHeader = true;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeader(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
         expect(wrapper.is('thead')).toBeFalsy();
       });
       test('it renders a custom thead', function () {
         var Header = function Header() {
-          return /*#__PURE__*/React.createElement("thead", {
+          return /*#__PURE__*/_react["default"].createElement("thead", {
             className: "custom-thead"
           });
         };
-
         props.components.Header = Header;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeader(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
         expect(wrapper.is('thead.custom-thead')).toBeTruthy();
       });
     });
     describe('#buildTableHeaderRow', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeaderRow(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderRow)(buildProps(props))));
         expect(wrapper.is('tr')).toBeTruthy();
         expect(wrapper.is('tr.custom-tr')).toBeFalsy();
       });
       test('it renders a custom thead', function () {
         var HeaderRow = function HeaderRow() {
-          return /*#__PURE__*/React.createElement("tr", {
+          return /*#__PURE__*/_react["default"].createElement("tr", {
             className: "custom-tr"
           });
         };
-
         props.components.HeaderRow = HeaderRow;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeaderRow(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderRow)(buildProps(props))));
         expect(wrapper.is('tr.custom-tr')).toBeTruthy();
       });
     });
     describe('#buildTableHeaderCell', function () {
       test('it renders normally', function () {
         var column = columns.first();
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeaderCell(buildProps(props))(column, 0)));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
         expect(wrapper.is('th')).toBeTruthy();
         expect(wrapper.is('td.custom-td')).toBeFalsy();
       });
       test('it renders a custom th', function () {
         var column = columns.first();
-
         var HeaderCell = function HeaderCell() {
-          return /*#__PURE__*/React.createElement("th", {
+          return /*#__PURE__*/_react["default"].createElement("th", {
             className: "custom-th"
           });
         };
-
         props.components.HeaderCell = HeaderCell;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeaderCell(buildProps(props))(column, 0)));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
         expect(wrapper.is('th.custom-th')).toBeTruthy();
       });
       test('it renders a custom th for a specific column', function () {
         var HeaderCell = function HeaderCell() {
-          return /*#__PURE__*/React.createElement("th", {
+          return /*#__PURE__*/_react["default"].createElement("th", {
             className: "custom-cell-th"
           });
         };
-
-        props.columns = props.columns.push(Map({
+        props.columns = props.columns.push((0, _immutable.Map)({
           value: 'displayName',
           title: 'DisplayName',
           components: {
@@ -430,92 +414,87 @@ describe('<Table />', function () {
         }));
         props.columnSet = props.columnSet.push('displayName');
         var column = props.columns.last();
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeaderCell(buildProps(props))(column, 0)));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
         expect(wrapper.hasClass('custom-cell-th')).toBeTruthy();
       });
     });
     describe('#buildTableBody', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableBody(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableBody)(buildProps(props))));
         expect(wrapper.is('tbody')).toBeTruthy();
         expect(wrapper.is('tbody.custom-tbody')).toBeFalsy();
       });
       test('it renders a custom tbody', function () {
         var Header = function Header() {
-          return /*#__PURE__*/React.createElement("tbody", {
+          return /*#__PURE__*/_react["default"].createElement("tbody", {
             className: "custom-tbody"
           });
         };
-
         props.components.Header = Header;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableHeader(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
         expect(wrapper.is('tbody.custom-tbody')).toBeTruthy();
       });
     });
     describe('#buildTableBodyRows', function () {
       test('it renders rows normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, buildTableBodyRows(buildProps(props))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
         expect(wrapper.find('tr')).toHaveLength(props.rows.size);
         expect(wrapper.find('tr').first().hasClass('custom-tr')).toBeFalsy();
       });
       test('it renders custom rows', function () {
         var BodyRow = function BodyRow() {
-          return /*#__PURE__*/React.createElement("tr", {
+          return /*#__PURE__*/_react["default"].createElement("tr", {
             className: "custom-tr"
           });
         };
-
         props.components.BodyRow = BodyRow;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, buildTableBodyRows(buildProps(props))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
         expect(wrapper.find('tr')).toHaveLength(props.rows.size);
         expect(wrapper.find('tr').first().hasClass('custom-tr')).toBeTruthy();
       });
       test('it renders default empty row', function () {
-        props.rows = List([]);
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, buildTableBodyRows(buildProps(props))))));
+        props.rows = (0, _immutable.List)([]);
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
         expect(wrapper.find('tr')).toHaveLength(1);
         expect(wrapper.find('tr').first().hasClass('custom-empty-tr')).toBeFalsy();
       });
       test('it renders custom empty row', function () {
         var EmptyBodyRow = function EmptyBodyRow() {
-          return /*#__PURE__*/React.createElement("tr", {
+          return /*#__PURE__*/_react["default"].createElement("tr", {
             className: "custom-empty-tr"
           });
         };
-
-        props.rows = List([]);
+        props.rows = (0, _immutable.List)([]);
         props.components.EmptyBodyRow = EmptyBodyRow;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, buildTableBodyRows(buildProps(props))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
         expect(wrapper.find('tr')).toHaveLength(1);
         expect(wrapper.find('tr').hasClass('custom-empty-tr')).toBeTruthy();
       });
     });
     describe('#buildTableBodyCells', function () {
       test('it renders cells normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, buildTableBodyCells(buildProps(props), props.rows.first(), 0))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
         expect(wrapper.find('tr td')).toHaveLength(1);
         expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeFalsy();
       });
       test('it renders custom cells', function () {
         var BodyCell = function BodyCell() {
-          return /*#__PURE__*/React.createElement("td", {
+          return /*#__PURE__*/_react["default"].createElement("td", {
             className: "custom-td"
           });
         };
-
         props.components.BodyCell = BodyCell;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, buildTableBodyCells(buildProps(props), props.rows.first(), 0))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
         expect(wrapper.find('tr td')).toHaveLength(props.columnSet.size);
         expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeTruthy();
       });
       test('it renders custom column cells', function () {
         var BodyCell = function BodyCell() {
-          return /*#__PURE__*/React.createElement("td", {
+          return /*#__PURE__*/_react["default"].createElement("td", {
             className: "custom-td"
           });
         };
-
-        props.columns = props.columns.push(Map({
+        props.columns = props.columns.push((0, _immutable.Map)({
           value: 'displayName',
           title: 'DisplayName',
           components: {
@@ -523,7 +502,7 @@ describe('<Table />', function () {
           }
         }));
         props.columnSet = props.columnSet.push('displayName');
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, buildTableBodyCells(buildProps(props), props.rows.first(), 0))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
         expect(wrapper.find('tr td')).toHaveLength(props.columns.size);
         expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeFalsy();
         expect(wrapper.find('tr td').last().hasClass('custom-td')).toBeTruthy();
@@ -531,71 +510,67 @@ describe('<Table />', function () {
     });
     describe('#buildTableFooter', function () {
       test('it does not render normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooter(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
         expect(wrapper.is('tfoot')).toBeFalsy();
       });
       test('it renders with includeFooter', function () {
         props.includeFooter = true;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooter(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
         expect(wrapper.is('tfoot')).toBeTruthy();
         expect(wrapper.is('tfoot.custom-tfoot')).toBeFalsy();
       });
       test('it renders a custom tfoot', function () {
         var Footer = function Footer() {
-          return /*#__PURE__*/React.createElement("tfoot", {
+          return /*#__PURE__*/_react["default"].createElement("tfoot", {
             className: "custom-tfoot"
           });
         };
-
         props.includeFooter = true;
         props.components.Footer = Footer;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooter(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
         expect(wrapper.is('tfoot.custom-tfoot')).toBeTruthy();
       });
     });
     describe('#buildTableFooterRow', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooterRow(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterRow)(buildProps(props))));
         expect(wrapper.is('tr')).toBeTruthy();
         expect(wrapper.is('tr.custom-tr')).toBeFalsy();
       });
       test('it renders a custom tr', function () {
         var FooterRow = function FooterRow() {
-          return /*#__PURE__*/React.createElement("tr", {
+          return /*#__PURE__*/_react["default"].createElement("tr", {
             className: "custom-tr"
           });
         };
-
         props.components.FooterRow = FooterRow;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooterRow(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterRow)(buildProps(props))));
         expect(wrapper.is('tr.custom-tr')).toBeTruthy();
       });
     });
     describe('#buildTableFooterCells', function () {
       test('it renders normally', function () {
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooterCells(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterCells)(buildProps(props))));
         expect(wrapper.first().is('td')).toBeTruthy();
         expect(wrapper.first().is('td.custom-td')).toBeFalsy();
       });
       test('it renders a custom td', function () {
         var FooterCell = function FooterCell() {
-          return /*#__PURE__*/React.createElement("td", {
+          return /*#__PURE__*/_react["default"].createElement("td", {
             className: "custom-td"
           });
         };
-
         props.components.FooterCell = FooterCell;
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, buildTableFooterCells(buildProps(props))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterCells)(buildProps(props))));
         expect(wrapper.is('td.custom-td')).toBeTruthy();
       });
       test('it renders a custom td for a specific column', function () {
         var FooterCell = function FooterCell() {
-          return /*#__PURE__*/React.createElement("td", {
+          return /*#__PURE__*/_react["default"].createElement("td", {
             className: "custom-td"
           });
         };
-
-        props.columns = props.columns.push(Map({
+        props.columns = props.columns.push((0, _immutable.Map)({
           value: 'displayName',
           title: 'DisplayName',
           components: {
@@ -603,7 +578,7 @@ describe('<Table />', function () {
           }
         }));
         props.columnSet = props.columnSet.push('displayName');
-        var wrapper = render( /*#__PURE__*/React.createElement(KineticLib, null, /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, buildTableFooterCells(buildProps(props))))));
+        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("tfoot", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableFooterCells)(buildProps(props))))));
         expect(wrapper.find('td')).toHaveLength(props.columns.size);
         expect(wrapper.find('td').first().hasClass('custom-td')).toBeFalsy();
         expect(wrapper.find('td').last().hasClass('custom-td')).toBeTruthy();
@@ -628,13 +603,13 @@ describe('<Table />', function () {
       });
       test('combines the column config and additional columns', function () {
         var total = columns.length + addColumns.length;
-        expect(generateColumns(columns, addColumns, alterColumns).size).toBe(total);
+        expect((0, _Table.generateColumns)(columns, addColumns, alterColumns).size).toBe(total);
       });
       test('alters columns with config', function () {
         alterColumns.a = {
           sortable: true
         };
-        var columnConfig = generateColumns(columns, addColumns, alterColumns);
+        var columnConfig = (0, _Table.generateColumns)(columns, addColumns, alterColumns);
         var column = columnConfig.find(function (c) {
           return c.get('value') === columns[0].value;
         });
@@ -644,13 +619,52 @@ describe('<Table />', function () {
         alterColumns.a = {
           value: 'c'
         };
-        var columnConfig = generateColumns(columns, addColumns, alterColumns);
+        var columnConfig = (0, _Table.generateColumns)(columns, addColumns, alterColumns);
         var column = columnConfig.find(function (c) {
           return c.get('value') === 'a';
         });
         expect(column).not.toBeUndefined();
       });
     });
+    describe('#sortColumns', function () {
+      test('sort columns returns expected sort order', function () {
+        var columns = (0, _immutable.List)([(0, _immutable.Map)({
+          value: 'a',
+          title: 'A'
+        }), (0, _immutable.Map)({
+          value: 'b',
+          title: 'B'
+        }), (0, _immutable.Map)({
+          value: 'c',
+          title: 'C'
+        })]);
+        var columnSet = (0, _immutable.List)(['b', 'a']);
+        expect((0, _Table.sortColumns)(columns, columnSet).toJS().map(function (c) {
+          return c.value;
+        }).join('')).toBe('bca');
+      });
+    });
+    describe('#getToggleableColumns', function () {
+      test('toggleable columns list is correct', function () {
+        var columns = (0, _immutable.List)([(0, _immutable.Map)({
+          value: 'a',
+          title: 'A',
+          toggleable: true
+        }), (0, _immutable.Map)({
+          value: 'b',
+          title: 'B'
+        }), (0, _immutable.Map)({
+          value: 'c',
+          title: 'C'
+        }), (0, _immutable.Map)({
+          value: 'd'
+        })]);
+        var columnSet = (0, _immutable.List)(['a', 'b', 'd']);
+        expect((0, _Table.getToggleableColumns)(columns, columnSet, 'table-key').toJS().map(function (c) {
+          return c.value;
+        }).join('')).toBe('ab');
+      });
+    });
     xdescribe('#extractColumnComponents', function () {
       var columns, addColumns, alterColumns;
       beforeEach(function () {
@@ -681,7 +695,7 @@ describe('<Table />', function () {
         };
       });
       xtest('returns a map of components with overrides', function () {
-        var result = extractColumnComponents({
+        var result = (0, _Table.extractColumnComponents)({
           columns: columns,
           addColumns: addColumns,
           alterColumns: alterColumns