@kineticdata/react 6.0.1 → 6.0.3

package/lib/components/table/Table.js

@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sortColumns = exports.getToggleableColumns = exports.generateTable = exports.generateColumns = exports.extractColumnComponents = exports.buildTableHeaderRow = exports.buildTableHeaderCell = exports.buildTableHeader = exports.buildTableFooterRow = exports.buildTableFooterCells = exports.buildTableFooter = exports.buildTableBodyRows = exports.buildTableBodyCells = exports.buildTableBody = exports.buildTable = exports.Table = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
-var _recompose = require("recompose");
 var _immutable = require("immutable");
 var _ComponentConfigContext = require("../common/ComponentConfigContext");
 var _store = require("../../store");
@@ -287,7 +286,7 @@ var buildPaginationControl = function buildPaginationControl(props) {
     extraData: extraData
   });
 };
-var getToggleableColumns = function getToggleableColumns(columns, columnSet, tableKey) {
+var getToggleableColumns = exports.getToggleableColumns = function getToggleableColumns(columns, columnSet, tableKey) {
   return columns.reduce(function (list, column) {
     var label = column.get('columnLabel') && column.get('columnLabel').trim() || column.get('title') && column.get('title').trim();
     // Include all columns that have a columnLabel or title, and are toggleable
@@ -307,7 +306,6 @@ var getToggleableColumns = function getToggleableColumns(columns, columnSet, tab
     return list;
   }, (0, _immutable.List)());
 };
-exports.getToggleableColumns = getToggleableColumns;
 var buildColumnControl = function buildColumnControl(props) {
   var tableKey = props.tableKey,
     columns = props.columns,
@@ -325,7 +323,7 @@ var buildColumnControl = function buildColumnControl(props) {
     extraData: extraData
   });
 };
-var buildTable = function buildTable(props) {
+var buildTable = exports.buildTable = function buildTable(props) {
   var TableLayout = props.components.TableLayout;
   var header = buildTableHeader(props);
   var body = buildTableBody(props);
@@ -345,8 +343,7 @@ var buildTable = function buildTable(props) {
     extraData: props.extraData
   });
 };
-exports.buildTable = buildTable;
-var buildTableHeader = function buildTableHeader(props) {
+var buildTableHeader = exports.buildTableHeader = function buildTableHeader(props) {
   var Header = props.components.Header;
   var headerRow = buildTableHeaderRow(props);
   return props.omitHeader ? null : /*#__PURE__*/_react["default"].createElement(Header, {
@@ -357,8 +354,7 @@ var buildTableHeader = function buildTableHeader(props) {
     tableOptions: props.tableOptions
   });
 };
-exports.buildTableHeader = buildTableHeader;
-var buildTableHeaderRow = function buildTableHeaderRow(props) {
+var buildTableHeaderRow = exports.buildTableHeaderRow = function buildTableHeaderRow(props) {
   var components = props.components,
     rows = props.rows,
     columns = props.columns,
@@ -372,8 +368,7 @@ var buildTableHeaderRow = function buildTableHeaderRow(props) {
     tableOptions: props.tableOptions
   });
 };
-exports.buildTableHeaderRow = buildTableHeaderRow;
-var buildTableHeaderCell = function buildTableHeaderCell(props) {
+var buildTableHeaderCell = exports.buildTableHeaderCell = function buildTableHeaderCell(props) {
   return function (column, index) {
     var tableKey = props.tableKey,
       components = props.components,
@@ -399,8 +394,7 @@ var buildTableHeaderCell = function buildTableHeaderCell(props) {
     }));
   };
 };
-exports.buildTableHeaderCell = buildTableHeaderCell;
-var buildTableBody = function buildTableBody(props) {
+var buildTableBody = exports.buildTableBody = function buildTableBody(props) {
   var Body = props.components.Body;
   var tableRows = buildTableBodyRows(props);
   return /*#__PURE__*/_react["default"].createElement(Body, {
@@ -413,8 +407,7 @@ var buildTableBody = function buildTableBody(props) {
     empty: props.rows.isEmpty()
   });
 };
-exports.buildTableBody = buildTableBody;
-var buildTableBodyRows = function buildTableBodyRows(props) {
+var buildTableBodyRows = exports.buildTableBodyRows = function buildTableBodyRows(props) {
   var components = props.components,
     rows = props.rows,
     columns = props.columns,
@@ -446,8 +439,7 @@ var buildTableBodyRows = function buildTableBodyRows(props) {
     error: props.error
   });
 };
-exports.buildTableBodyRows = buildTableBodyRows;
-var buildTableBodyCells = function buildTableBodyCells(props, row, rowIndex) {
+var buildTableBodyCells = exports.buildTableBodyCells = function buildTableBodyCells(props, row, rowIndex) {
   var tableKey = props.tableKey,
     components = props.components,
     rows = props.rows,
@@ -478,8 +470,7 @@ var buildTableBodyCells = function buildTableBodyCells(props, row, rowIndex) {
     }));
   });
 };
-exports.buildTableBodyCells = buildTableBodyCells;
-var buildTableFooter = function buildTableFooter(props) {
+var buildTableFooter = exports.buildTableFooter = function buildTableFooter(props) {
   var components = props.components,
     columnSet = props.columnSet,
     renderOptions = props.renderOptions,
@@ -496,8 +487,7 @@ var buildTableFooter = function buildTableFooter(props) {
     tableOptions: tableOptions
   }) : null;
 };
-exports.buildTableFooter = buildTableFooter;
-var buildTableFooterRow = function buildTableFooterRow(props) {
+var buildTableFooterRow = exports.buildTableFooterRow = function buildTableFooterRow(props) {
   var components = props.components,
     renderOptions = props.renderOptions,
     tableOptions = props.tableOptions;
@@ -509,8 +499,7 @@ var buildTableFooterRow = function buildTableFooterRow(props) {
     tableOptions: tableOptions
   });
 };
-exports.buildTableFooterRow = buildTableFooterRow;
-var buildTableFooterCells = function buildTableFooterCells(props) {
+var buildTableFooterCells = exports.buildTableFooterCells = function buildTableFooterCells(props) {
   var components = props.components,
     columns = props.columns,
     columnSet = props.columnSet,
@@ -528,7 +517,6 @@ var buildTableFooterCells = function buildTableFooterCells(props) {
     }));
   });
 };
-exports.buildTableFooterCells = buildTableFooterCells;
 var onNextPage = function onNextPage(tableKey) {
   return function () {
     return (0, _store.dispatch)('NEXT_PAGE', {
@@ -574,23 +562,37 @@ var mapStateToProps = function mapStateToProps() {
     return state.getIn(['tables', props.tableKey], (0, _immutable.Map)()).toObject();
   };
 };
-
-/**
- * @component
- */
-var TableImpl = (0, _recompose.compose)((0, _store.connect)(mapStateToProps), (0, _recompose.lifecycle)({
-  componentDidMount: function componentDidMount() {
-    if (this.props.mounted && !this.props.configured) {
-      (0, _Table.configureTable)(this.props);
+var TableImplComponent = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(TableImplComponent, _Component);
+  var _super = (0, _createSuper2["default"])(TableImplComponent);
+  function TableImplComponent(props) {
+    (0, _classCallCheck2["default"])(this, TableImplComponent);
+    return _super.call(this, props);
+  }
+  (0, _createClass2["default"])(TableImplComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.mounted && !this.props.configured) {
+        (0, _Table.configureTable)(this.props);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.props.mounted && !this.props.configured) {
+        (0, _Table.configureTable)(this.props);
+      }
     }
-  },
-  componentDidUpdate: function componentDidUpdate() {
-    if (this.props.mounted && !this.props.configured) {
-      (0, _Table.configureTable)(this.props);
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(TableComponent, this.props);
     }
-  }
-}))(TableComponent);
-var generateColumns = function generateColumns(columns) {
+  }]);
+  return TableImplComponent;
+}(_react.Component);
+var TableImpl = (0, _store.connect)(mapStateToProps)(TableImplComponent);
+var generateColumns = exports.generateColumns = function generateColumns(columns) {
   var addColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var alterColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return (0, _immutable.List)(columns).concat(addColumns).map(function (c) {
@@ -599,8 +601,7 @@ var generateColumns = function generateColumns(columns) {
     }));
   });
 };
-exports.generateColumns = generateColumns;
-var sortColumns = function sortColumns(columns, columnSet) {
+var sortColumns = exports.sortColumns = function sortColumns(columns, columnSet) {
   return columns
   // First sort columns by the columnOrder value if provided
   .sortBy(function (column) {
@@ -627,16 +628,14 @@ var sortColumns = function sortColumns(columns, columnSet) {
   // Lastly flatten the groups back to a list of columns
   .flatten(true);
 };
-exports.sortColumns = sortColumns;
-var extractColumnComponents = function extractColumnComponents(columns) {
+var extractColumnComponents = exports.extractColumnComponents = function extractColumnComponents(columns) {
   return columns.filter(function (c) {
     return c.has('components');
   }).reduce(function (result, current) {
     return result.set(current.get('value'), current.get('components'));
   }, (0, _immutable.Map)());
 };
-exports.extractColumnComponents = extractColumnComponents;
-var generateTable = function generateTable(_ref4) {
+var generateTable = exports.generateTable = function generateTable(_ref4) {
   var _ref4$tableOptions = _ref4.tableOptions,
     tableOptions = _ref4$tableOptions === void 0 ? [] : _ref4$tableOptions,
     _ref4$filterDataSourc = _ref4.filterDataSources,
@@ -718,14 +717,13 @@ var generateTable = function generateTable(_ref4) {
     return /*#__PURE__*/_react["default"].createElement(Table, setProps, props.children);
   };
 };
-exports.generateTable = generateTable;
-var Table = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Table, _Component);
-  var _super = (0, _createSuper2["default"])(Table);
+var Table = exports.Table = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(Table, _Component2);
+  var _super2 = (0, _createSuper2["default"])(Table);
   function Table(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, Table);
-    _this = _super.call(this, props);
+    _this = _super2.call(this, props);
     var components = props.components,
       tableKey = props.tableKey,
       config = (0, _objectWithoutProperties2["default"])(props, _excluded);
@@ -777,7 +775,6 @@ var Table = /*#__PURE__*/function (_Component) {
   }]);
   return Table;
 }(_react.Component);
-exports.Table = Table;
 var defaultProps = {
   components: {},
   rows: (0, _immutable.List)([]),