diff --git a/build/reactable.js b/build/reactable.js
deleted file mode 100644
index 7671bed2..00000000
--- a/build/reactable.js
+++ /dev/null
@@ -1,1631 +0,0 @@
-window.React["default"] = window.React;
-window.ReactDOM["default"] = window.ReactDOM;
-(function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define(["exports"], factory);
- } else if (typeof exports !== "undefined") {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.filter_props_from = mod.exports;
- }
-})(this, function (exports) {
- "use strict";
-
- exports.filterPropsFrom = filterPropsFrom;
- var internalProps = {
- hideTableHeader: true,
- column: true,
- 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,
- onPageChange: true,
- previousPageLabel: true,
- nextPageLabel: true,
- pageButtonLimit: true,
- childNode: true,
- data: true,
- children: true
- };
-
- function filterPropsFrom(baseProps) {
- baseProps = baseProps || {};
- var props = {};
- for (var key in baseProps) {
- if (!(key in internalProps)) {
- props[key] = baseProps[key];
- }
- }
-
- return props;
- }
-});
-
-(function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define(["exports"], factory);
- } else if (typeof exports !== "undefined") {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.to_array = mod.exports;
- }
-})(this, function (exports) {
- "use strict";
-
- exports.toArray = toArray;
-
- function toArray(obj) {
- var ret = [];
- for (var attr in obj) {
- ret[attr] = obj;
- }
-
- return ret;
- }
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.stringable = mod.exports;
- }
-})(this, function (exports) {
- 'use strict';
-
- exports.stringable = stringable;
-
- function stringable(thing) {
- return thing !== null && typeof thing !== 'undefined' && typeof (thing.toString === 'function');
- }
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', './stringable'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('./stringable'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.stringable);
- global.extract_data_from = mod.exports;
- }
-})(this, function (exports, _stringable) {
- 'use strict';
-
- exports.extractDataFrom = extractDataFrom;
-
- function extractDataFrom(key, column) {
- var value;
- if (typeof key !== 'undefined' && key !== null && key.__reactableMeta === true) {
- value = key.data[column];
- } else {
- value = key[column];
- }
-
- if (typeof value !== 'undefined' && value !== null && value.__reactableMeta === true) {
- value = typeof value.props.value !== 'undefined' && value.props.value !== null ? value.props.value : value.value;
- }
-
- return (0, _stringable.stringable)(value) ? value : '';
- }
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.is_react_component = mod.exports;
- }
-})(this, function (exports) {
- // this is a bit hacky - it'd be nice if React exposed an API for this
- 'use strict';
-
- exports.isReactComponent = isReactComponent;
-
- function isReactComponent(thing) {
- return thing !== null && typeof thing === 'object' && typeof thing.props !== 'undefined';
- }
-});
-
-(function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define(["exports"], factory);
- } else if (typeof exports !== "undefined") {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.unsafe = mod.exports;
- }
-})(this, function (exports) {
- "use strict";
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- exports.unsafe = unsafe;
- exports.isUnsafe = isUnsafe;
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- var Unsafe = (function () {
- function Unsafe(content) {
- _classCallCheck(this, Unsafe);
-
- this.content = content;
- }
-
- _createClass(Unsafe, [{
- key: "toString",
- value: function toString() {
- return this.content;
- }
- }]);
-
- return Unsafe;
- })();
-
- function unsafe(str) {
- return new Unsafe(str);
- }
-
- ;
-
- function isUnsafe(obj) {
- return obj instanceof Unsafe;
- }
-
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', 'react-dom'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('react-dom'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.ReactDOM);
- global.filterer = mod.exports;
- }
-})(this, function (exports, _react, _reactDom) {
- 'use strict';
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var FiltererInput = (function (_React$Component) {
- _inherits(FiltererInput, _React$Component);
-
- function FiltererInput() {
- _classCallCheck(this, FiltererInput);
-
- _get(Object.getPrototypeOf(FiltererInput.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(FiltererInput, [{
- key: 'onChange',
- value: function onChange() {
- this.props.onFilter(_reactDom['default'].findDOMNode(this).value);
- }
- }, {
- key: 'render',
- value: function render() {
- return _react['default'].createElement('input', { type: 'text',
- className: this.props.className,
- placeholder: this.props.placeholder,
- value: this.props.value,
- onKeyUp: this.onChange.bind(this),
- onChange: this.onChange.bind(this) });
- }
- }]);
-
- return FiltererInput;
- })(_react['default'].Component);
-
- exports.FiltererInput = FiltererInput;
- ;
-
- var Filterer = (function (_React$Component2) {
- _inherits(Filterer, _React$Component2);
-
- function Filterer() {
- _classCallCheck(this, Filterer);
-
- _get(Object.getPrototypeOf(Filterer.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Filterer, [{
- key: 'render',
- value: function render() {
- if (typeof this.props.colSpan === 'undefined') {
- throw new TypeError('Must pass a colSpan argument to Filterer');
- }
-
- return _react['default'].createElement(
- 'tr',
- { className: 'reactable-filterer' },
- _react['default'].createElement(
- 'td',
- { colSpan: this.props.colSpan },
- _react['default'].createElement(FiltererInput, { onFilter: this.props.onFilter,
- value: this.props.value,
- placeholder: this.props.placeholder,
- className: this.props.className ? 'reactable-filter-input ' + this.props.className : 'reactable-filter-input' })
- )
- );
- }
- }]);
-
- return Filterer;
- })(_react['default'].Component);
-
- exports.Filterer = Filterer;
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports);
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports);
- global.sort = mod.exports;
- }
-})(this, function (exports) {
- 'use strict';
-
- var Sort = {
- Numeric: function Numeric(a, b) {
- var valA = parseFloat(a.toString().replace(/,/g, ''));
- var valB = parseFloat(b.toString().replace(/,/g, ''));
-
- // Sort non-numeric values alphabetically at the bottom of the list
- if (isNaN(valA) && isNaN(valB)) {
- valA = a;
- valB = b;
- } else {
- if (isNaN(valA)) {
- return 1;
- }
- if (isNaN(valB)) {
- return -1;
- }
- }
-
- if (valA < valB) {
- return -1;
- }
- if (valA > valB) {
- return 1;
- }
-
- return 0;
- },
-
- NumericInteger: function NumericInteger(a, b) {
- if (isNaN(a) || isNaN(b)) {
- return a > b ? 1 : -1;
- }
-
- return a - b;
- },
-
- Currency: function Currency(a, b) {
- // Parse out dollar signs, then do a regular numeric sort
- a = a.replace(/[^0-9\.\-\,]+/g, '');
- b = b.replace(/[^0-9\.\-\,]+/g, '');
-
- return exports.Sort.Numeric(a, b);
- },
-
- Date: (function (_Date) {
- function Date(_x, _x2) {
- return _Date.apply(this, arguments);
- }
-
- Date.toString = function () {
- return _Date.toString();
- };
-
- return Date;
- })(function (a, b) {
- // Note: this function tries to do a standard javascript string -> date conversion
- // If you need more control over the date string format, consider using a different
- // date library and writing your own function
- var valA = Date.parse(a);
- var valB = Date.parse(b);
-
- // Handle non-date values with numeric sort
- // Sort non-numeric values alphabetically at the bottom of the list
- if (isNaN(valA) || isNaN(valB)) {
- return exports.Sort.Numeric(a, b);
- }
-
- if (valA > valB) {
- return 1;
- }
- if (valB > valA) {
- return -1;
- }
-
- return 0;
- }),
-
- CaseInsensitive: function CaseInsensitive(a, b) {
- return a.toLowerCase().localeCompare(b.toLowerCase());
- }
- };
- exports.Sort = Sort;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './lib/is_react_component', './lib/stringable', './unsafe', './lib/filter_props_from'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./lib/is_react_component'), require('./lib/stringable'), require('./unsafe'), require('./lib/filter_props_from'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.is_react_component, global.stringable, global.unsafe, global.filter_props_from);
- global.td = mod.exports;
- }
-})(this, function (exports, _react, _libIs_react_component, _libStringable, _unsafe, _libFilter_props_from) {
- 'use strict';
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Td = (function (_React$Component) {
- _inherits(Td, _React$Component);
-
- function Td() {
- _classCallCheck(this, Td);
-
- _get(Object.getPrototypeOf(Td.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Td, [{
- key: 'stringifyIfNotReactComponent',
- value: function stringifyIfNotReactComponent(object) {
- if (!(0, _libIs_react_component.isReactComponent)(object) && (0, _libStringable.stringable)(object) && typeof object !== 'undefined') {
- return object.toString();
- }
- return null;
- }
- }, {
- key: 'render',
- value: function render() {
- // Attach any properties on the column to this Td object to allow things like custom event handlers
- var mergedProps = (0, _libFilter_props_from.filterPropsFrom)(this.props);
- if (typeof this.props.column === 'object') {
- for (var key in this.props.column) {
- if (key !== 'key' && key !== 'name') {
- mergedProps[key] = this.props.column[key];
- }
- }
- }
- // handleClick aliases onClick event
- mergedProps.onClick = this.props.handleClick;
-
- var stringifiedChildProps;
-
- if (typeof this.props.data === 'undefined') {
- stringifiedChildProps = this.stringifyIfNotReactComponent(this.props.children);
- }
-
- if ((0, _unsafe.isUnsafe)(this.props.children)) {
- return _react['default'].createElement('td', _extends({}, mergedProps, {
- dangerouslySetInnerHTML: { __html: this.props.children.toString() } }));
- } else {
- return _react['default'].createElement(
- 'td',
- mergedProps,
- stringifiedChildProps || this.props.children
- );
- }
- }
- }]);
-
- return Td;
- })(_react['default'].Component);
-
- exports.Td = Td;
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './td', './lib/to_array', './lib/filter_props_from'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./td'), require('./lib/to_array'), require('./lib/filter_props_from'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.td, global.to_array, global.filter_props_from);
- global.tr = mod.exports;
- }
-})(this, function (exports, _react, _td, _libTo_array, _libFilter_props_from) {
- 'use strict';
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Tr = (function (_React$Component) {
- _inherits(Tr, _React$Component);
-
- function Tr() {
- _classCallCheck(this, Tr);
-
- _get(Object.getPrototypeOf(Tr.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Tr, [{
- key: 'render',
- value: function render() {
- var children = (0, _libTo_array.toArray)(_react['default'].Children.children(this.props.children));
-
- if (this.props.data && this.props.columns && typeof this.props.columns.map === 'function') {
- if (typeof children.concat === 'undefined') {
- console.log(children);
- }
-
- children = children.concat(this.props.columns.map((function (_ref, i) {
- var _ref$props = _ref.props;
- var props = _ref$props === undefined ? {} : _ref$props;
-
- var column = _objectWithoutProperties(_ref, ['props']);
-
- if (this.props.data.hasOwnProperty(column.key)) {
- var value = this.props.data[column.key];
-
- if (typeof value !== 'undefined' && value !== null && value.__reactableMeta === true) {
- props = value.props;
- value = value.value;
- }
-
- return _react['default'].createElement(
- _td.Td,
- _extends({ column: column, key: column.key }, props),
- value
- );
- } else {
- return _react['default'].createElement(_td.Td, { column: column, key: column.key });
- }
- }).bind(this)));
- }
-
- // Manually transfer props
- var props = (0, _libFilter_props_from.filterPropsFrom)(this.props);
-
- return _react['default'].DOM.tr(props, children);
- }
- }]);
-
- return Tr;
- })(_react['default'].Component);
-
- exports.Tr = Tr;
- ;
-
- Tr.childNode = _td.Td;
- Tr.dataType = 'object';
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './unsafe', './lib/filter_props_from'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./unsafe'), require('./lib/filter_props_from'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.unsafe, global.filter_props_from);
- global.th = mod.exports;
- }
-})(this, function (exports, _react, _unsafe, _libFilter_props_from) {
- 'use strict';
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Th = (function (_React$Component) {
- _inherits(Th, _React$Component);
-
- function Th() {
- _classCallCheck(this, Th);
-
- _get(Object.getPrototypeOf(Th.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Th, [{
- key: 'render',
- value: function render() {
- var childProps = undefined;
-
- if ((0, _unsafe.isUnsafe)(this.props.children)) {
- return _react['default'].createElement('th', _extends({}, (0, _libFilter_props_from.filterPropsFrom)(this.props), {
- dangerouslySetInnerHTML: { __html: this.props.children.toString() } }));
- } else {
- return _react['default'].createElement(
- 'th',
- (0, _libFilter_props_from.filterPropsFrom)(this.props),
- this.props.children
- );
- }
- }
- }]);
-
- return Th;
- })(_react['default'].Component);
-
- exports.Th = Th;
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './th', './filterer', './lib/filter_props_from'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./th'), require('./filterer'), require('./lib/filter_props_from'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.th, global.filterer, global.filter_props_from);
- global.thead = mod.exports;
- }
-})(this, function (exports, _react, _th, _filterer, _libFilter_props_from) {
- 'use strict';
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Thead = (function (_React$Component) {
- _inherits(Thead, _React$Component);
-
- function Thead() {
- _classCallCheck(this, Thead);
-
- _get(Object.getPrototypeOf(Thead.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Thead, [{
- key: 'handleClickTh',
- value: function handleClickTh(column) {
- this.props.onSort(column.key);
- }
- }, {
- key: 'handleKeyDownTh',
- value: function handleKeyDownTh(column, event) {
- if (event.keyCode === 13) {
- this.props.onSort(column.key);
- }
- }
- }, {
- key: 'render',
- value: function render() {
- // Declare the list of Ths
- var Ths = [];
- for (var index = 0; index < this.props.columns.length; index++) {
- var column = this.props.columns[index];
- var thClass = 'reactable-th-' + column.key.replace(/\s+/g, '-').toLowerCase();
- var sortClass = '';
- var thRole = null;
-
- if (this.props.sortableColumns[column.key]) {
- sortClass += 'reactable-header-sortable ';
- thRole = 'button';
- }
-
- if (this.props.sort.column === column.key) {
- sortClass += 'reactable-header-sort';
- if (this.props.sort.direction === 1) {
- sortClass += '-asc';
- } else {
- sortClass += '-desc';
- }
- }
-
- if (sortClass.length > 0) {
- thClass += ' ' + sortClass;
- }
-
- if (typeof column.props === 'object' && typeof column.props.className === 'string') {
- thClass += ' ' + column.props.className;
- }
-
- Ths.push(_react['default'].createElement(
- _th.Th,
- _extends({}, column.props, {
- className: thClass,
- key: index,
- onClick: this.handleClickTh.bind(this, column),
- onKeyDown: this.handleKeyDownTh.bind(this, column),
- role: thRole,
- tabIndex: '0' }),
- column.label
- ));
- }
-
- // Manually transfer props
- var props = (0, _libFilter_props_from.filterPropsFrom)(this.props);
-
- return _react['default'].createElement(
- 'thead',
- props,
- this.props.filtering === true ? _react['default'].createElement(_filterer.Filterer, {
- colSpan: this.props.columns.length,
- onFilter: this.props.onFilter,
- placeholder: this.props.filterPlaceholder,
- value: this.props.currentFilter,
- className: this.props.filterClassName
- }) : null,
- _react['default'].createElement(
- 'tr',
- { className: 'reactable-column-header' },
- Ths
- )
- );
- }
- }], [{
- key: 'getColumns',
- value: function getColumns(component) {
- // Can't use React.Children.map since that doesn't return a proper array
- var columns = [];
- _react['default'].Children.forEach(component.props.children, function (th) {
- var column = {};
- if (!th) return;
- if (typeof th.props !== 'undefined') {
- column.props = (0, _libFilter_props_from.filterPropsFrom)(th.props);
-
- // use the content as the label & key
- if (typeof th.props.children !== 'undefined') {
- column.label = th.props.children;
- column.key = column.label;
- }
-
- // the key in the column attribute supersedes the one defined previously
- if (typeof th.props.column === 'string') {
- column.key = th.props.column;
-
- // in case we don't have a label yet
- if (typeof column.label === 'undefined') {
- column.label = column.key;
- }
- }
- }
-
- if (typeof column.key === 'undefined') {
- throw new TypeError('| must have either a "column" property or a string ' + 'child');
- } else {
- columns.push(column);
- }
- });
-
- return columns;
- }
- }]);
-
- return Thead;
- })(_react['default'].Component);
-
- exports.Thead = Thead;
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React);
- global.tfoot = mod.exports;
- }
-})(this, function (exports, _react) {
- 'use strict';
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Tfoot = (function (_React$Component) {
- _inherits(Tfoot, _React$Component);
-
- function Tfoot() {
- _classCallCheck(this, Tfoot);
-
- _get(Object.getPrototypeOf(Tfoot.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Tfoot, [{
- key: 'render',
- value: function render() {
- return _react['default'].createElement('tfoot', this.props);
- }
- }]);
-
- return Tfoot;
- })(_react['default'].Component);
-
- exports.Tfoot = Tfoot;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React);
- global.paginator = mod.exports;
- }
-})(this, function (exports, _react) {
- 'use strict';
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- function pageHref(num) {
- return '#page-' + (num + 1);
- }
-
- var Paginator = (function (_React$Component) {
- _inherits(Paginator, _React$Component);
-
- function Paginator() {
- _classCallCheck(this, Paginator);
-
- _get(Object.getPrototypeOf(Paginator.prototype), 'constructor', this).apply(this, arguments);
- }
-
- _createClass(Paginator, [{
- key: 'handlePrevious',
- value: function handlePrevious(e) {
- e.preventDefault();
- this.props.onPageChange(this.props.currentPage - 1);
- }
- }, {
- key: 'handleNext',
- value: function handleNext(e) {
- e.preventDefault();
- this.props.onPageChange(this.props.currentPage + 1);
- }
- }, {
- key: 'handlePageButton',
- value: function handlePageButton(page, e) {
- e.preventDefault();
- this.props.onPageChange(page);
- }
- }, {
- key: 'renderPrevious',
- value: function renderPrevious() {
- if (this.props.currentPage > 0) {
- return _react['default'].createElement(
- 'a',
- { className: 'reactable-previous-page',
- href: pageHref(this.props.currentPage - 1),
- onClick: this.handlePrevious.bind(this) },
- this.props.previousPageLabel || 'Previous'
- );
- }
- }
- }, {
- key: 'renderNext',
- value: function renderNext() {
- if (this.props.currentPage < this.props.numPages - 1) {
- return _react['default'].createElement(
- 'a',
- { className: 'reactable-next-page',
- href: pageHref(this.props.currentPage + 1),
- onClick: this.handleNext.bind(this) },
- this.props.nextPageLabel || 'Next'
- );
- }
- }
- }, {
- key: 'renderPageButton',
- value: function renderPageButton(className, pageNum) {
-
- return _react['default'].createElement(
- 'a',
- { className: className,
- key: pageNum,
- href: pageHref(pageNum),
- onClick: this.handlePageButton.bind(this, pageNum) },
- pageNum + 1
- );
- }
- }, {
- key: 'render',
- value: function render() {
- if (typeof this.props.colSpan === 'undefined') {
- throw new TypeError('Must pass a colSpan argument to Paginator');
- }
-
- if (typeof this.props.numPages === 'undefined') {
- throw new TypeError('Must pass a non-zero numPages argument to Paginator');
- }
-
- if (typeof this.props.currentPage === 'undefined') {
- throw new TypeError('Must pass a currentPage argument to Paginator');
- }
-
- var pageButtons = [];
- var pageButtonLimit = this.props.pageButtonLimit;
- var currentPage = this.props.currentPage;
- var numPages = this.props.numPages;
- var lowerHalf = Math.round(pageButtonLimit / 2);
- var upperHalf = pageButtonLimit - lowerHalf;
-
- for (var i = 0; i < this.props.numPages; i++) {
- var showPageButton = false;
- var pageNum = i;
- var className = "reactable-page-button";
- if (currentPage === i) {
- className += " reactable-current-page";
- }
- pageButtons.push(this.renderPageButton(className, pageNum));
- }
-
- if (currentPage - pageButtonLimit + lowerHalf > 0) {
- if (currentPage > numPages - lowerHalf) {
- pageButtons.splice(0, numPages - pageButtonLimit);
- } else {
- pageButtons.splice(0, currentPage - pageButtonLimit + lowerHalf);
- }
- }
-
- if (numPages - currentPage > upperHalf) {
- pageButtons.splice(pageButtonLimit, pageButtons.length - pageButtonLimit);
- }
-
- return _react['default'].createElement(
- 'tbody',
- { className: 'reactable-pagination' },
- _react['default'].createElement(
- 'tr',
- null,
- _react['default'].createElement(
- 'td',
- { colSpan: this.props.colSpan },
- this.renderPrevious(),
- pageButtons,
- this.renderNext()
- )
- )
- );
- }
- }]);
-
- return Paginator;
- })(_react['default'].Component);
-
- exports.Paginator = Paginator;
- ;
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './lib/filter_props_from', './lib/extract_data_from', './unsafe', './thead', './th', './tr', './tfoot', './paginator'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./lib/filter_props_from'), require('./lib/extract_data_from'), require('./unsafe'), require('./thead'), require('./th'), require('./tr'), require('./tfoot'), require('./paginator'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.filter_props_from, global.extract_data_from, global.unsafe, global.thead, global.th, global.tr, global.tfoot, global.paginator);
- global.table = mod.exports;
- }
-})(this, function (exports, _react, _libFilter_props_from, _libExtract_data_from, _unsafe, _thead, _th, _tr, _tfoot, _paginator) {
- 'use strict';
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
- var Table = (function (_React$Component) {
- _inherits(Table, _React$Component);
-
- function Table(props) {
- _classCallCheck(this, Table);
-
- _get(Object.getPrototypeOf(Table.prototype), 'constructor', this).call(this, props);
-
- this.state = {
- currentPage: this.props.currentPage ? this.props.currentPage : 0,
- currentSort: {
- column: null,
- direction: this.props.defaultSortDescending ? -1 : 1
- },
- filter: ''
- };
-
- // Set the state of the current sort to the default sort
- if (props.sortBy !== false || props.defaultSort !== false) {
- var sortingColumn = props.sortBy || props.defaultSort;
- this.state.currentSort = this.getCurrentSort(sortingColumn);
- }
- }
-
- _createClass(Table, [{
- key: 'filterBy',
- value: function filterBy(filter) {
- this.setState({ filter: filter });
- }
-
- // Translate a user defined column array to hold column objects if strings are specified
- // (e.g. ['column1'] => [{key: 'column1', label: 'column1'}])
- }, {
- key: 'translateColumnsArray',
- value: function translateColumnsArray(columns) {
- return columns.map((function (column, i) {
- if (typeof column === 'string') {
- return {
- key: column,
- label: column
- };
- } else {
- if (typeof column.sortable !== 'undefined') {
- var sortFunction = column.sortable === true ? 'default' : column.sortable;
- this._sortable[column.key] = sortFunction;
- }
-
- return column;
- }
- }).bind(this));
- }
- }, {
- key: 'parseChildData',
- value: function parseChildData(props) {
- var data = [],
- tfoot = undefined;
-
- // Transform any children back to a data array
- if (typeof props.children !== 'undefined') {
- _react['default'].Children.forEach(props.children, (function (child) {
- if (typeof child === 'undefined' || child === null) {
- return;
- }
-
- switch (child.type) {
- case _thead.Thead:
- break;
- case _tfoot.Tfoot:
- if (typeof tfoot !== 'undefined') {
- console.warn('You can only have one | , but more than one was specified.' + 'Ignoring all but the last one');
- }
- tfoot = child;
- break;
- case _tr.Tr:
- var childData = child.props.data || {};
-
- _react['default'].Children.forEach(child.props.children, function (descendant) {
- // TODO
- /* if (descendant.type.ConvenienceConstructor === Td) { */
- if (typeof descendant !== 'object' || descendant == null) {
- return;
- } else if (typeof descendant.props.column !== 'undefined') {
- var value = undefined;
-
- if (typeof descendant.props.data !== 'undefined') {
- value = descendant.props.data;
- } else if (typeof descendant.props.children !== 'undefined') {
- value = descendant.props.children;
- } else {
- console.warn('exports.Td specified without ' + 'a `data` property or children, ' + 'ignoring');
- return;
- }
-
- childData[descendant.props.column] = {
- value: value,
- props: (0, _libFilter_props_from.filterPropsFrom)(descendant.props),
- __reactableMeta: true
- };
- } else {
- console.warn('exports.Td specified without a ' + '`column` property, ignoring');
- }
- });
-
- data.push({
- data: childData,
- props: (0, _libFilter_props_from.filterPropsFrom)(child.props),
- __reactableMeta: true
- });
- break;
-
- default:
- console.warn('The only possible children of are , , ' + 'or one
.');
- }
- }).bind(this));
- }
-
- return { data: data, tfoot: tfoot };
- }
- }, {
- key: 'initialize',
- value: function initialize(props) {
- this.data = props.data || [];
-
- var _parseChildData = this.parseChildData(props);
-
- var data = _parseChildData.data;
- var tfoot = _parseChildData.tfoot;
-
- this.data = this.data.concat(data);
- this.tfoot = tfoot;
-
- this.initializeSorts(props);
- this.initializeFilters(props);
- }
- }, {
- key: 'initializeFilters',
- value: function initializeFilters(props) {
- this._filterable = {};
- // Transform filterable properties into a more friendly list
- for (var i in props.filterable) {
- var column = props.filterable[i];
- var columnName = undefined,
- filterFunction = undefined;
-
- if (column instanceof Object) {
- if (typeof column.column !== 'undefined') {
- columnName = column.column;
- } else {
- console.warn('Filterable column specified without column name');
- continue;
- }
-
- if (typeof column.filterFunction === 'function') {
- filterFunction = column.filterFunction;
- } else {
- filterFunction = 'default';
- }
- } else {
- columnName = column;
- filterFunction = 'default';
- }
-
- this._filterable[columnName] = filterFunction;
- }
- }
- }, {
- key: 'initializeSorts',
- value: function initializeSorts(props) {
- this._sortable = {};
- // Transform sortable properties into a more friendly list
- for (var i in props.sortable) {
- var column = props.sortable[i];
- var columnName = undefined,
- sortFunction = undefined;
-
- if (column instanceof Object) {
- if (typeof column.column !== 'undefined') {
- columnName = column.column;
- } else {
- console.warn('Sortable column specified without column name');
- return;
- }
-
- if (typeof column.sortFunction === 'function') {
- sortFunction = column.sortFunction;
- } else {
- sortFunction = 'default';
- }
- } else {
- columnName = column;
- sortFunction = 'default';
- }
-
- this._sortable[columnName] = sortFunction;
- }
- }
- }, {
- key: 'getCurrentSort',
- value: function getCurrentSort(column) {
- var columnName = undefined,
- sortDirection = undefined;
-
- if (column instanceof Object) {
- if (typeof column.column !== 'undefined') {
- columnName = column.column;
- } else {
- console.warn('Default column specified without column name');
- return;
- }
-
- if (typeof column.direction !== 'undefined') {
- if (column.direction === 1 || column.direction === 'asc') {
- sortDirection = 1;
- } else if (column.direction === -1 || column.direction === 'desc') {
- sortDirection = -1;
- } else {
- var defaultDirection = this.props.defaultSortDescending ? 'descending' : 'ascending';
-
- console.warn('Invalid default sort specified. Defaulting to ' + defaultDirection);
- sortDirection = this.props.defaultSortDescending ? -1 : 1;
- }
- } else {
- sortDirection = this.props.defaultSortDescending ? -1 : 1;
- }
- } else {
- columnName = column;
- sortDirection = this.props.defaultSortDescending ? -1 : 1;
- }
-
- return {
- column: columnName,
- direction: sortDirection
- };
- }
- }, {
- key: 'updateCurrentSort',
- value: function updateCurrentSort(sortBy) {
- if (sortBy !== false && sortBy.column !== this.state.currentSort.column && sortBy.direction !== this.state.currentSort.direction) {
-
- this.setState({ currentSort: this.getCurrentSort(sortBy) });
- }
- }
- }, {
- key: 'updateCurrentPage',
- value: function updateCurrentPage(nextPage) {
- if (typeof nextPage !== 'undefined' && nextPage !== this.state.currentPage) {
- this.setState({ currentPage: nextPage });
- }
- }
- }, {
- key: 'componentWillMount',
- value: function componentWillMount() {
- this.initialize(this.props);
- this.sortByCurrentSort();
- this.filterBy(this.props.filterBy);
- }
- }, {
- key: 'componentWillReceiveProps',
- value: function componentWillReceiveProps(nextProps) {
- this.initialize(nextProps);
- this.updateCurrentPage(nextProps.currentPage);
- this.updateCurrentSort(nextProps.sortBy);
- this.sortByCurrentSort();
- this.filterBy(nextProps.filterBy);
- }
- }, {
- key: 'applyFilter',
- value: function applyFilter(filter, children) {
- // Helper function to apply filter text to a list of table rows
- filter = filter.toLowerCase();
- var matchedChildren = [];
-
- for (var i = 0; i < children.length; i++) {
- var data = children[i].props.data;
-
- for (var filterColumn in this._filterable) {
- if (typeof data[filterColumn] !== 'undefined') {
- // Default filter
- if (typeof this._filterable[filterColumn] === 'undefined' || this._filterable[filterColumn] === 'default') {
- if ((0, _libExtract_data_from.extractDataFrom)(data, filterColumn).toString().toLowerCase().indexOf(filter) > -1) {
- matchedChildren.push(children[i]);
- break;
- }
- } else {
- // Apply custom filter
- if (this._filterable[filterColumn]((0, _libExtract_data_from.extractDataFrom)(data, filterColumn).toString(), filter)) {
- matchedChildren.push(children[i]);
- break;
- }
- }
- }
- }
- }
-
- return matchedChildren;
- }
- }, {
- key: 'sortByCurrentSort',
- value: function sortByCurrentSort() {
- // Apply a sort function according to the current sort in the state.
- // This allows us to perform a default sort even on a non sortable column.
- var currentSort = this.state.currentSort;
-
- if (currentSort.column === null) {
- return;
- }
-
- this.data.sort((function (a, b) {
- var keyA = (0, _libExtract_data_from.extractDataFrom)(a, currentSort.column);
- keyA = (0, _unsafe.isUnsafe)(keyA) ? keyA.toString() : keyA || '';
- var keyB = (0, _libExtract_data_from.extractDataFrom)(b, currentSort.column);
- keyB = (0, _unsafe.isUnsafe)(keyB) ? keyB.toString() : keyB || '';
-
- // Default sort
- if (typeof this._sortable[currentSort.column] === 'undefined' || this._sortable[currentSort.column] === 'default') {
-
- // Reverse direction if we're doing a reverse sort
- if (keyA < keyB) {
- return -1 * currentSort.direction;
- }
-
- if (keyA > keyB) {
- return 1 * currentSort.direction;
- }
-
- return 0;
- } else {
- // Reverse columns if we're doing a reverse sort
- if (currentSort.direction === 1) {
- return this._sortable[currentSort.column](keyA, keyB);
- } else {
- return this._sortable[currentSort.column](keyB, keyA);
- }
- }
- }).bind(this));
- }
- }, {
- key: 'onSort',
- value: function onSort(column) {
- // Don't perform sort on unsortable columns
- if (typeof this._sortable[column] === 'undefined') {
- return;
- }
-
- var currentSort = this.state.currentSort;
-
- if (currentSort.column === column) {
- currentSort.direction *= -1;
- } else {
- currentSort.column = column;
- currentSort.direction = this.props.defaultSortDescending ? -1 : 1;
- }
-
- // Set the current sort and pass it to the sort function
- this.setState({ currentSort: currentSort });
- this.sortByCurrentSort();
-
- if (typeof this.props.onSort === 'function') {
- this.props.onSort(currentSort);
- }
- }
- }, {
- key: 'render',
- value: function render() {
- var _this = this;
-
- var children = [];
- var columns = undefined;
- var userColumnsSpecified = false;
- var showHeaders = typeof this.props.hideTableHeader === 'undefined';
-
- var firstChild = null;
-
- if (this.props.children) {
- if (this.props.children.length > 0 && this.props.children[0] && this.props.children[0].type === _thead.Thead) {
- firstChild = this.props.children[0];
- } else if (this.props.children.type === _thead.Thead) {
- firstChild = this.props.children;
- }
- }
-
- if (firstChild !== null) {
- columns = _thead.Thead.getColumns(firstChild);
- } else {
- columns = this.props.columns || [];
- }
-
- if (columns.length > 0) {
- userColumnsSpecified = true;
- columns = this.translateColumnsArray(columns);
- }
-
- // Build up table rows
- if (this.data && typeof this.data.map === 'function') {
- // Build up the columns array
- children = children.concat(this.data.map((function (rawData, i) {
- var data = rawData;
- var props = {};
- if (rawData.__reactableMeta === true) {
- data = rawData.data;
- props = rawData.props;
- }
-
- // Loop through the keys in each data row and build a td for it
- for (var k in data) {
- if (data.hasOwnProperty(k)) {
- // Update the columns array with the data's keys if columns were not
- // already specified
- if (userColumnsSpecified === false) {
- (function () {
- var column = {
- key: k,
- label: k
- };
-
- // Only add a new column if it doesn't already exist in the columns array
- if (columns.find(function (element) {
- return element.key === column.key;
- }) === undefined) {
- columns.push(column);
- }
- })();
- }
- }
- }
-
- return _react['default'].createElement(_tr.Tr, _extends({ columns: columns, key: i, data: data }, props));
- }).bind(this)));
- }
-
- if (this.props.sortable === true) {
- for (var i = 0; i < columns.length; i++) {
- this._sortable[columns[i].key] = 'default';
- }
- }
-
- // Determine if we render the filter box
- var filtering = false;
- if (this.props.filterable && Array.isArray(this.props.filterable) && this.props.filterable.length > 0 && !this.props.hideFilterInput) {
- filtering = true;
- }
-
- // Apply filters
- var filteredChildren = children;
- if (this.state.filter !== '') {
- filteredChildren = this.applyFilter(this.state.filter, filteredChildren);
- }
-
- // Determine pagination properties and which columns to display
- var itemsPerPage = 0;
- 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) {
- currentPage = numPages - 1;
- }
-
- pagination = true;
- currentChildren = filteredChildren.slice(currentPage * itemsPerPage, (currentPage + 1) * itemsPerPage);
- }
-
- // Manually transfer props
- var props = (0, _libFilter_props_from.filterPropsFrom)(this.props);
-
- var noDataText = this.props.noDataText ? _react['default'].createElement(
- 'tr',
- { className: 'reactable-no-data' },
- _react['default'].createElement(
- 'td',
- { colSpan: columns.length },
- this.props.noDataText
- )
- ) : null;
-
- var tableHeader = null;
- if (columns && columns.length > 0 && showHeaders) {
- tableHeader = _react['default'].createElement(_thead.Thead, { columns: columns,
- filtering: filtering,
- onFilter: function (filter) {
- _this.setState({ filter: filter });
- if (_this.props.onFilter) {
- _this.props.onFilter(filter);
- }
- },
- filterPlaceholder: this.props.filterPlaceholder,
- filterClassName: this.props.filterClassName,
- currentFilter: this.state.filter,
- sort: this.state.currentSort,
- sortableColumns: this._sortable,
- onSort: this.onSort.bind(this),
- key: 'thead' });
- }
- return _react['default'].createElement(
- 'table',
- props,
- tableHeader,
- _react['default'].createElement(
- 'tbody',
- { className: 'reactable-data', key: 'tbody' },
- currentChildren.length > 0 ? currentChildren : noDataText
- ),
- pagination === true ? _react['default'].createElement(_paginator.Paginator, { colSpan: columns.length,
- pageButtonLimit: pageButtonLimit,
- numPages: numPages,
- currentPage: currentPage,
- onPageChange: function (page) {
- _this.setState({ currentPage: page });
- if (_this.props.onPageChange) {
- _this.props.onPageChange(page);
- }
- },
- previousPageLabel: this.props.previousPageLabel,
- nextPageLabel: this.props.nextPageLabel,
- key: 'paginator' }) : null,
- this.tfoot
- );
- }
- }]);
-
- return Table;
- })(_react['default'].Component);
-
- exports.Table = Table;
-
- Table.defaultProps = {
- sortBy: false,
- defaultSort: false,
- defaultSortDescending: false,
- itemsPerPage: 0,
- filterBy: '',
- hideFilterInput: false
- };
-});
-
-(function (global, factory) {
- if (typeof define === 'function' && define.amd) {
- define(['exports', 'react', './reactable/table', './reactable/tr', './reactable/td', './reactable/th', './reactable/tfoot', './reactable/thead', './reactable/sort', './reactable/unsafe'], factory);
- } else if (typeof exports !== 'undefined') {
- factory(exports, require('react'), require('./reactable/table'), require('./reactable/tr'), require('./reactable/td'), require('./reactable/th'), require('./reactable/tfoot'), require('./reactable/thead'), require('./reactable/sort'), require('./reactable/unsafe'));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.React, global.table, global.tr, global.td, global.th, global.tfoot, global.thead, global.sort, global.unsafe);
- global.reactable = mod.exports;
- }
-})(this, function (exports, _react, _reactableTable, _reactableTr, _reactableTd, _reactableTh, _reactableTfoot, _reactableThead, _reactableSort, _reactableUnsafe) {
- 'use strict';
-
- _react['default'].Children.children = function (children) {
- return _react['default'].Children.map(children, function (x) {
- return x;
- }) || [];
- };
-
- // Array.prototype.find polyfill - see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find
- if (!Array.prototype.find) {
- Object.defineProperty(Array.prototype, 'find', {
- enumerable: false,
- configurable: true,
- writable: true,
- value: function value(predicate) {
- if (this === null) {
- throw new TypeError('Array.prototype.find called on null or undefined');
- }
- if (typeof predicate !== 'function') {
- throw new TypeError('predicate must be a function');
- }
- var list = Object(this);
- var length = list.length >>> 0;
- var thisArg = arguments[1];
- var value;
- for (var i = 0; i < length; i++) {
- if (i in list) {
- value = list[i];
- if (predicate.call(thisArg, value, i, list)) {
- return value;
- }
- }
- }
- return undefined;
- }
- });
- }
-
- var Reactable = { Table: _reactableTable.Table, Tr: _reactableTr.Tr, Td: _reactableTd.Td, Th: _reactableTh.Th, Tfoot: _reactableTfoot.Tfoot, Thead: _reactableThead.Thead, Sort: _reactableSort.Sort, unsafe: _reactableUnsafe.unsafe };
-
- exports['default'] = Reactable;
-
- if (typeof window !== 'undefined') {
- window.Reactable = Reactable;
- }
-});
diff --git a/lib/reactable/lib/filter_props_from.js b/lib/reactable/lib/filter_props_from.js
index b651549f..5f3e0751 100644
--- a/lib/reactable/lib/filter_props_from.js
+++ b/lib/reactable/lib/filter_props_from.js
@@ -14,6 +14,7 @@ var internalProps = {
onFilter: true,
filterPlaceholder: true,
filterClassName: true,
+ headerClassName: true,
currentFilter: true,
sort: true,
sortBy: true,
diff --git a/lib/reactable/table.js b/lib/reactable/table.js
index e2235b66..54d5e84e 100644
--- a/lib/reactable/table.js
+++ b/lib/reactable/table.js
@@ -521,6 +521,7 @@ var Table = (function (_React$Component) {
if (columns && columns.length > 0 && showHeaders) {
tableHeader = _react2['default'].createElement(_thead.Thead, { columns: columns,
filtering: filtering,
+ className: this.props.headerClassName,
onFilter: function (filter) {
_this.setState({ filter: filter });
if (_this.props.onFilter) {
diff --git a/src/reactable/lib/filter_props_from.jsx b/src/reactable/lib/filter_props_from.jsx
index 8631ede4..620841bb 100644
--- a/src/reactable/lib/filter_props_from.jsx
+++ b/src/reactable/lib/filter_props_from.jsx
@@ -8,6 +8,7 @@ const internalProps = {
onFilter: true,
filterPlaceholder: true,
filterClassName: true,
+ headerClassName: true,
currentFilter: true,
sort: true,
sortBy: true,
diff --git a/src/reactable/table.jsx b/src/reactable/table.jsx
index 82601180..ca75f808 100644
--- a/src/reactable/table.jsx
+++ b/src/reactable/table.jsx
@@ -485,6 +485,7 @@ export class Table extends React.Component {
tableHeader = (
{
this.setState({ filter: filter });
if (this.props.onFilter) {