commit missing built files

Author: zry656565

lib/reactable/lib/filter_props_from.js

@@ -9,10 +9,23 @@ var internalProps = {
     columns: true,
     sortable: true,
     filterable: true,
+    filtering: true,
+    onFilter: true,
+    filterPlaceholder: true,
     filterClassName: true,
+    currentFilter: true,
+    sort: true,
     sortBy: true,
+    sortableColumns: true,
+    onSort: true,
     defaultSort: true,
+    defaultSortDescending: true,
     itemsPerPage: true,
+    filterBy: true,
+    hideFilterInput: true,
+    noDataText: true,
+    currentPage: true,
+    pageButtonLimit: true,
     childNode: true,
     data: true,
     children: true

lib/reactable/paginator.js

@@ -25,10 +25,17 @@ function pageHref(num) {
 var Paginator = (function (_React$Component) {
     _inherits(Paginator, _React$Component);
 
-    function Paginator() {
+    function Paginator(props) {
         _classCallCheck(this, Paginator);
 
-        _get(Object.getPrototypeOf(Paginator.prototype), 'constructor', this).apply(this, arguments);
+        _get(Object.getPrototypeOf(Paginator.prototype), 'constructor', this).call(this, props);
+
+        if (this.props.rowOptions) {
+            this.rowOptions = this.props.rowOptions.split(',').map(function (option) {
+                if (option === 'all') return 'all';
+                return parseInt(option, 10);
+            });
+        }
     }
 
     _createClass(Paginator, [{
@@ -141,9 +148,22 @@ var Paginator = (function (_React$Component) {
                     _react2['default'].createElement(
                         'td',
                         { colSpan: this.props.colSpan },
-                        this.renderPrevious(),
-                        pageButtons,
-                        this.renderNext()
+                        this.rowOptions ? _react2['default'].createElement(
+                            'span',
+                            { className: 'row-selector' },
+                            _react2['default'].createElement(RowSelector, {
+                                options: this.rowOptions,
+                                selected: this.props.itemsPerPage,
+                                onItemsPerPageChange: this.props.onItemsPerPageChange }),
+                            'rows per page.'
+                        ) : null,
+                        numPages > 1 ? _react2['default'].createElement(
+                            'span',
+                            { className: 'pagination-buttons' },
+                            this.renderPrevious(),
+                            pageButtons,
+                            this.renderNext()
+                        ) : null
                     )
                 )
             );
@@ -155,3 +175,27 @@ var Paginator = (function (_React$Component) {
 
 exports.Paginator = Paginator;
 ;
+
+function RowSelector(props) {
+    var options = props.options.map(function (opt, i) {
+        if (opt === 'all') return _react2['default'].createElement(
+            'option',
+            { key: i, value: Number.MAX_SAFE_INTEGER, selected: isSelected },
+            'all'
+        );
+        var isSelected = opt === props.selected;
+        return _react2['default'].createElement(
+            'option',
+            { key: i, value: opt, selected: isSelected },
+            opt
+        );
+    });
+
+    return _react2['default'].createElement(
+        'select',
+        { onChange: function (e) {
+                return props.onItemsPerPageChange(parseInt(e.target.value, 10));
+            } },
+        options
+    );
+}

lib/reactable/table.js

@@ -50,6 +50,7 @@ var Table = (function (_React$Component) {
                 column: null,
                 direction: this.props.defaultSortDescending ? -1 : 1
             },
+            itemsPerPage: this.props.itemsPerPage || 0,
             filter: ''
         };
 
@@ -485,15 +486,14 @@ var Table = (function (_React$Component) {
             }
 
             // Determine pagination properties and which columns to display
-            var itemsPerPage = 0;
+            var itemsPerPage = this.state.itemsPerPage;
             var pagination = false;
             var numPages = undefined;
             var currentPage = this.state.currentPage;
             var pageButtonLimit = this.props.pageButtonLimit || 10;
 
             var currentChildren = filteredChildren;
             if (this.props.itemsPerPage > 0) {
-                itemsPerPage = this.props.itemsPerPage;
                 numPages = Math.ceil(filteredChildren.length / itemsPerPage);
 
                 if (currentPage > numPages - 1) {
@@ -548,12 +548,17 @@ var Table = (function (_React$Component) {
                     pageButtonLimit: pageButtonLimit,
                     numPages: numPages,
                     currentPage: currentPage,
+                    rowOptions: this.props.rowOptions,
+                    itemsPerPage: itemsPerPage,
                     onPageChange: function (page) {
                         _this.setState({ currentPage: page });
                         if (_this.props.onPageChange) {
                             _this.props.onPageChange(page);
                         }
                     },
+                    onItemsPerPageChange: function (itemsPerPage) {
+                        return _this.setState({ itemsPerPage: itemsPerPage });
+                    },
                     previousPageLabel: this.props.previousPageLabel,
                     nextPageLabel: this.props.nextPageLabel,
                     key: 'paginator' }) : null,