From 11f8a5a3e32d0359b75dbe6b1faba40b56a192fd Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 10:55:32 +0100 Subject: [PATCH 1/8] Allow className customization introduce `headerClassName` option to table, as the className to the element is somehow ignored --- src/reactable/table.jsx | 1 + 1 file changed, 1 insertion(+) 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) { From d92e464dd9b2f6bc26070e9487c9efc9275f8ded Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 11:18:35 +0100 Subject: [PATCH 2/8] filter headerClassName prop --- lib/reactable/lib/filter_props_from.js | 1 + 1 file changed, 1 insertion(+) 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, From a08958ab4cd00f2a68f91756389f55c3a81ae45d Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 11:36:23 +0100 Subject: [PATCH 3/8] move to jsx --- build/reactable.js | 1631 ----------------------- lib/reactable.js | 72 - lib/reactable/filterer.js | 92 -- lib/reactable/lib/extract_data_from.js | 23 - lib/reactable/lib/filter_props_from.js | 49 - lib/reactable/lib/is_react_component.js | 11 - lib/reactable/lib/stringable.js | 10 - lib/reactable/lib/to_array.js | 15 - lib/reactable/paginator.js | 157 --- lib/reactable/sort.js | 87 -- lib/reactable/table.js | 577 -------- lib/reactable/td.js | 86 -- lib/reactable/tfoot.js | 40 - lib/reactable/th.js | 58 - lib/reactable/thead.js | 159 --- lib/reactable/tr.js | 89 -- lib/reactable/unsafe.js | 41 - package.json | 2 +- 18 files changed, 1 insertion(+), 3198 deletions(-) delete mode 100644 build/reactable.js delete mode 100644 lib/reactable.js delete mode 100644 lib/reactable/filterer.js delete mode 100644 lib/reactable/lib/extract_data_from.js delete mode 100644 lib/reactable/lib/filter_props_from.js delete mode 100644 lib/reactable/lib/is_react_component.js delete mode 100644 lib/reactable/lib/stringable.js delete mode 100644 lib/reactable/lib/to_array.js delete mode 100644 lib/reactable/paginator.js delete mode 100644 lib/reactable/sort.js delete mode 100644 lib/reactable/table.js delete mode 100644 lib/reactable/td.js delete mode 100644 lib/reactable/tfoot.js delete mode 100644 lib/reactable/th.js delete mode 100644 lib/reactable/thead.js delete mode 100644 lib/reactable/tr.js delete mode 100644 lib/reactable/unsafe.js 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.js b/lib/reactable.js deleted file mode 100644 index ce53b34f..00000000 --- a/lib/reactable.js +++ /dev/null @@ -1,72 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -var _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _reactableTable = require('./reactable/table'); - -var _reactableTr = require('./reactable/tr'); - -var _reactableTd = require('./reactable/td'); - -var _reactableTh = require('./reactable/th'); - -var _reactableTfoot = require('./reactable/tfoot'); - -var _reactableThead = require('./reactable/thead'); - -var _reactableSort = require('./reactable/sort'); - -var _reactableUnsafe = require('./reactable/unsafe'); - -_react2['default'].Children.children = function (children) { - return _react2['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; -} -module.exports = exports['default']; diff --git a/lib/reactable/filterer.js b/lib/reactable/filterer.js deleted file mode 100644 index ca36520a..00000000 --- a/lib/reactable/filterer.js +++ /dev/null @@ -1,92 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _reactDom = require('react-dom'); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -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(_reactDom2['default'].findDOMNode(this).value); - } - }, { - key: 'render', - value: function render() { - return _react2['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; -})(_react2['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 _react2['default'].createElement( - 'tr', - { className: 'reactable-filterer' }, - _react2['default'].createElement( - 'td', - { colSpan: this.props.colSpan }, - _react2['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; -})(_react2['default'].Component); - -exports.Filterer = Filterer; -; diff --git a/lib/reactable/lib/extract_data_from.js b/lib/reactable/lib/extract_data_from.js deleted file mode 100644 index d913955b..00000000 --- a/lib/reactable/lib/extract_data_from.js +++ /dev/null @@ -1,23 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); -exports.extractDataFrom = extractDataFrom; - -var _stringable = require('./stringable'); - -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 : ''; -} diff --git a/lib/reactable/lib/filter_props_from.js b/lib/reactable/lib/filter_props_from.js deleted file mode 100644 index 5f3e0751..00000000 --- a/lib/reactable/lib/filter_props_from.js +++ /dev/null @@ -1,49 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.filterPropsFrom = filterPropsFrom; -var internalProps = { - hideTableHeader: true, - column: true, - columns: true, - sortable: true, - filterable: true, - filtering: true, - onFilter: true, - filterPlaceholder: true, - filterClassName: true, - headerClassName: 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; -} diff --git a/lib/reactable/lib/is_react_component.js b/lib/reactable/lib/is_react_component.js deleted file mode 100644 index 1aae4217..00000000 --- a/lib/reactable/lib/is_react_component.js +++ /dev/null @@ -1,11 +0,0 @@ -// this is a bit hacky - it'd be nice if React exposed an API for this -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); -exports.isReactComponent = isReactComponent; - -function isReactComponent(thing) { - return thing !== null && typeof thing === 'object' && typeof thing.props !== 'undefined'; -} diff --git a/lib/reactable/lib/stringable.js b/lib/reactable/lib/stringable.js deleted file mode 100644 index e52bd666..00000000 --- a/lib/reactable/lib/stringable.js +++ /dev/null @@ -1,10 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); -exports.stringable = stringable; - -function stringable(thing) { - return thing !== null && typeof thing !== 'undefined' && typeof (thing.toString === 'function'); -} diff --git a/lib/reactable/lib/to_array.js b/lib/reactable/lib/to_array.js deleted file mode 100644 index 2a5bb0c7..00000000 --- a/lib/reactable/lib/to_array.js +++ /dev/null @@ -1,15 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.toArray = toArray; - -function toArray(obj) { - var ret = []; - for (var attr in obj) { - ret[attr] = obj; - } - - return ret; -} diff --git a/lib/reactable/paginator.js b/lib/reactable/paginator.js deleted file mode 100644 index 0c27cc77..00000000 --- a/lib/reactable/paginator.js +++ /dev/null @@ -1,157 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -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 _react2['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 _react2['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 _react2['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 _react2['default'].createElement( - 'tbody', - { className: 'reactable-pagination' }, - _react2['default'].createElement( - 'tr', - null, - _react2['default'].createElement( - 'td', - { colSpan: this.props.colSpan }, - this.renderPrevious(), - pageButtons, - this.renderNext() - ) - ) - ); - } - }]); - - return Paginator; -})(_react2['default'].Component); - -exports.Paginator = Paginator; -; diff --git a/lib/reactable/sort.js b/lib/reactable/sort.js deleted file mode 100644 index 886cfe00..00000000 --- a/lib/reactable/sort.js +++ /dev/null @@ -1,87 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); -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; diff --git a/lib/reactable/table.js b/lib/reactable/table.js deleted file mode 100644 index e2235b66..00000000 --- a/lib/reactable/table.js +++ /dev/null @@ -1,577 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _libFilter_props_from = require('./lib/filter_props_from'); - -var _libExtract_data_from = require('./lib/extract_data_from'); - -var _unsafe = require('./unsafe'); - -var _thead = require('./thead'); - -var _th = require('./th'); - -var _tr = require('./tr'); - -var _tfoot = require('./tfoot'); - -var _paginator = require('./paginator'); - -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') { - _react2['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 || {}; - - _react2['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 _react2['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 ? _react2['default'].createElement( - 'tr', - { className: 'reactable-no-data' }, - _react2['default'].createElement( - 'td', - { colSpan: columns.length }, - this.props.noDataText - ) - ) : null; - - var tableHeader = null; - if (columns && columns.length > 0 && showHeaders) { - tableHeader = _react2['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 _react2['default'].createElement( - 'table', - props, - tableHeader, - _react2['default'].createElement( - 'tbody', - { className: 'reactable-data', key: 'tbody' }, - currentChildren.length > 0 ? currentChildren : noDataText - ), - pagination === true ? _react2['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; -})(_react2['default'].Component); - -exports.Table = Table; - -Table.defaultProps = { - sortBy: false, - defaultSort: false, - defaultSortDescending: false, - itemsPerPage: 0, - filterBy: '', - hideFilterInput: false -}; diff --git a/lib/reactable/td.js b/lib/reactable/td.js deleted file mode 100644 index 28449fa1..00000000 --- a/lib/reactable/td.js +++ /dev/null @@ -1,86 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _libIs_react_component = require('./lib/is_react_component'); - -var _libStringable = require('./lib/stringable'); - -var _unsafe = require('./unsafe'); - -var _libFilter_props_from = require('./lib/filter_props_from'); - -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 _react2['default'].createElement('td', _extends({}, mergedProps, { - dangerouslySetInnerHTML: { __html: this.props.children.toString() } })); - } else { - return _react2['default'].createElement( - 'td', - mergedProps, - stringifiedChildProps || this.props.children - ); - } - } - }]); - - return Td; -})(_react2['default'].Component); - -exports.Td = Td; -; diff --git a/lib/reactable/tfoot.js b/lib/reactable/tfoot.js deleted file mode 100644 index 071b36f1..00000000 --- a/lib/reactable/tfoot.js +++ /dev/null @@ -1,40 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -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 _react2['default'].createElement('tfoot', this.props); - } - }]); - - return Tfoot; -})(_react2['default'].Component); - -exports.Tfoot = Tfoot; diff --git a/lib/reactable/th.js b/lib/reactable/th.js deleted file mode 100644 index 99be1b77..00000000 --- a/lib/reactable/th.js +++ /dev/null @@ -1,58 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _unsafe = require('./unsafe'); - -var _libFilter_props_from = require('./lib/filter_props_from'); - -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 _react2['default'].createElement('th', _extends({}, (0, _libFilter_props_from.filterPropsFrom)(this.props), { - dangerouslySetInnerHTML: { __html: this.props.children.toString() } })); - } else { - return _react2['default'].createElement( - 'th', - (0, _libFilter_props_from.filterPropsFrom)(this.props), - this.props.children - ); - } - } - }]); - - return Th; -})(_react2['default'].Component); - -exports.Th = Th; -; diff --git a/lib/reactable/thead.js b/lib/reactable/thead.js deleted file mode 100644 index d423b940..00000000 --- a/lib/reactable/thead.js +++ /dev/null @@ -1,159 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _th = require('./th'); - -var _filterer = require('./filterer'); - -var _libFilter_props_from = require('./lib/filter_props_from'); - -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(_react2['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 _react2['default'].createElement( - 'thead', - props, - this.props.filtering === true ? _react2['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, - _react2['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 = []; - _react2['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(', but more than one was specified.' + 'Ignoring all but the last one'); + } + tfoot = child; + break; + case _tr.Tr: + var childData = child.props.data || {}; + + _react2['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
must have either a "column" property or a string ' + 'child'); - } else { - columns.push(column); - } - }); - - return columns; - } - }]); - - return Thead; -})(_react2['default'].Component); - -exports.Thead = Thead; -; diff --git a/lib/reactable/tr.js b/lib/reactable/tr.js deleted file mode 100644 index 03331792..00000000 --- a/lib/reactable/tr.js +++ /dev/null @@ -1,89 +0,0 @@ -'use strict'; - -Object.defineProperty(exports, '__esModule', { - value: true -}); - -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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - -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 _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _td = require('./td'); - -var _libTo_array = require('./lib/to_array'); - -var _libFilter_props_from = require('./lib/filter_props_from'); - -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)(_react2['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 _react2['default'].createElement( - _td.Td, - _extends({ column: column, key: column.key }, props), - value - ); - } else { - return _react2['default'].createElement(_td.Td, { column: column, key: column.key }); - } - }).bind(this))); - } - - // Manually transfer props - var props = (0, _libFilter_props_from.filterPropsFrom)(this.props); - - return _react2['default'].DOM.tr(props, children); - } - }]); - - return Tr; -})(_react2['default'].Component); - -exports.Tr = Tr; -; - -Tr.childNode = _td.Td; -Tr.dataType = 'object'; diff --git a/lib/reactable/unsafe.js b/lib/reactable/unsafe.js deleted file mode 100644 index 6e377a24..00000000 --- a/lib/reactable/unsafe.js +++ /dev/null @@ -1,41 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -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; -} - -; diff --git a/package.json b/package.json index 926b243b..9b0f8fd8 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "reactable", "version": "0.14.1", "description": "Fast, flexible, simple data tables in React", - "main": "./lib/reactable.js", + "main": "./src/reactable.jsx", "repository": { "type": "git", "url": "https://github.com/glittershark/reactable.git" From 0689d68dedd8b6add70b17e186d73c9b944d2ecb Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 14:04:29 +0100 Subject: [PATCH 4/8] undo change of entry point.. --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 9b0f8fd8..353fee29 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "reactable", "version": "0.14.1", "description": "Fast, flexible, simple data tables in React", - "main": "./src/reactable.jsx", + "main": "./build/reactable.js", "repository": { "type": "git", "url": "https://github.com/glittershark/reactable.git" From 456e1536a492e49123eced6fb6bf3f82b8608e23 Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 14:06:07 +0100 Subject: [PATCH 5/8] re-add lib --- lib/reactable.js | 72 +++ lib/reactable/filterer.js | 92 ++++ lib/reactable/lib/extract_data_from.js | 23 + lib/reactable/lib/filter_props_from.js | 48 ++ lib/reactable/lib/is_react_component.js | 11 + lib/reactable/lib/stringable.js | 10 + lib/reactable/lib/to_array.js | 15 + lib/reactable/paginator.js | 157 +++++++ lib/reactable/sort.js | 87 ++++ lib/reactable/table.js | 578 ++++++++++++++++++++++++ lib/reactable/td.js | 86 ++++ lib/reactable/tfoot.js | 40 ++ lib/reactable/th.js | 58 +++ lib/reactable/thead.js | 159 +++++++ lib/reactable/tr.js | 89 ++++ lib/reactable/unsafe.js | 41 ++ 16 files changed, 1566 insertions(+) create mode 100644 lib/reactable.js create mode 100644 lib/reactable/filterer.js create mode 100644 lib/reactable/lib/extract_data_from.js create mode 100644 lib/reactable/lib/filter_props_from.js create mode 100644 lib/reactable/lib/is_react_component.js create mode 100644 lib/reactable/lib/stringable.js create mode 100644 lib/reactable/lib/to_array.js create mode 100644 lib/reactable/paginator.js create mode 100644 lib/reactable/sort.js create mode 100644 lib/reactable/table.js create mode 100644 lib/reactable/td.js create mode 100644 lib/reactable/tfoot.js create mode 100644 lib/reactable/th.js create mode 100644 lib/reactable/thead.js create mode 100644 lib/reactable/tr.js create mode 100644 lib/reactable/unsafe.js diff --git a/lib/reactable.js b/lib/reactable.js new file mode 100644 index 00000000..ce53b34f --- /dev/null +++ b/lib/reactable.js @@ -0,0 +1,72 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +var _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _reactableTable = require('./reactable/table'); + +var _reactableTr = require('./reactable/tr'); + +var _reactableTd = require('./reactable/td'); + +var _reactableTh = require('./reactable/th'); + +var _reactableTfoot = require('./reactable/tfoot'); + +var _reactableThead = require('./reactable/thead'); + +var _reactableSort = require('./reactable/sort'); + +var _reactableUnsafe = require('./reactable/unsafe'); + +_react2['default'].Children.children = function (children) { + return _react2['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; +} +module.exports = exports['default']; diff --git a/lib/reactable/filterer.js b/lib/reactable/filterer.js new file mode 100644 index 00000000..ca36520a --- /dev/null +++ b/lib/reactable/filterer.js @@ -0,0 +1,92 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _reactDom = require('react-dom'); + +var _reactDom2 = _interopRequireDefault(_reactDom); + +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(_reactDom2['default'].findDOMNode(this).value); + } + }, { + key: 'render', + value: function render() { + return _react2['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; +})(_react2['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 _react2['default'].createElement( + 'tr', + { className: 'reactable-filterer' }, + _react2['default'].createElement( + 'td', + { colSpan: this.props.colSpan }, + _react2['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; +})(_react2['default'].Component); + +exports.Filterer = Filterer; +; diff --git a/lib/reactable/lib/extract_data_from.js b/lib/reactable/lib/extract_data_from.js new file mode 100644 index 00000000..d913955b --- /dev/null +++ b/lib/reactable/lib/extract_data_from.js @@ -0,0 +1,23 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); +exports.extractDataFrom = extractDataFrom; + +var _stringable = require('./stringable'); + +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 : ''; +} diff --git a/lib/reactable/lib/filter_props_from.js b/lib/reactable/lib/filter_props_from.js new file mode 100644 index 00000000..b651549f --- /dev/null +++ b/lib/reactable/lib/filter_props_from.js @@ -0,0 +1,48 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +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; +} diff --git a/lib/reactable/lib/is_react_component.js b/lib/reactable/lib/is_react_component.js new file mode 100644 index 00000000..1aae4217 --- /dev/null +++ b/lib/reactable/lib/is_react_component.js @@ -0,0 +1,11 @@ +// this is a bit hacky - it'd be nice if React exposed an API for this +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); +exports.isReactComponent = isReactComponent; + +function isReactComponent(thing) { + return thing !== null && typeof thing === 'object' && typeof thing.props !== 'undefined'; +} diff --git a/lib/reactable/lib/stringable.js b/lib/reactable/lib/stringable.js new file mode 100644 index 00000000..e52bd666 --- /dev/null +++ b/lib/reactable/lib/stringable.js @@ -0,0 +1,10 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); +exports.stringable = stringable; + +function stringable(thing) { + return thing !== null && typeof thing !== 'undefined' && typeof (thing.toString === 'function'); +} diff --git a/lib/reactable/lib/to_array.js b/lib/reactable/lib/to_array.js new file mode 100644 index 00000000..2a5bb0c7 --- /dev/null +++ b/lib/reactable/lib/to_array.js @@ -0,0 +1,15 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.toArray = toArray; + +function toArray(obj) { + var ret = []; + for (var attr in obj) { + ret[attr] = obj; + } + + return ret; +} diff --git a/lib/reactable/paginator.js b/lib/reactable/paginator.js new file mode 100644 index 00000000..0c27cc77 --- /dev/null +++ b/lib/reactable/paginator.js @@ -0,0 +1,157 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +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 _react2['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 _react2['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 _react2['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 _react2['default'].createElement( + 'tbody', + { className: 'reactable-pagination' }, + _react2['default'].createElement( + 'tr', + null, + _react2['default'].createElement( + 'td', + { colSpan: this.props.colSpan }, + this.renderPrevious(), + pageButtons, + this.renderNext() + ) + ) + ); + } + }]); + + return Paginator; +})(_react2['default'].Component); + +exports.Paginator = Paginator; +; diff --git a/lib/reactable/sort.js b/lib/reactable/sort.js new file mode 100644 index 00000000..886cfe00 --- /dev/null +++ b/lib/reactable/sort.js @@ -0,0 +1,87 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); +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; diff --git a/lib/reactable/table.js b/lib/reactable/table.js new file mode 100644 index 00000000..54d5e84e --- /dev/null +++ b/lib/reactable/table.js @@ -0,0 +1,578 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _libFilter_props_from = require('./lib/filter_props_from'); + +var _libExtract_data_from = require('./lib/extract_data_from'); + +var _unsafe = require('./unsafe'); + +var _thead = require('./thead'); + +var _th = require('./th'); + +var _tr = require('./tr'); + +var _tfoot = require('./tfoot'); + +var _paginator = require('./paginator'); + +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') { + _react2['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
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 _react2['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 ? _react2['default'].createElement( + 'tr', + { className: 'reactable-no-data' }, + _react2['default'].createElement( + 'td', + { colSpan: columns.length }, + this.props.noDataText + ) + ) : null; + + var tableHeader = null; + 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) { + _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 _react2['default'].createElement( + 'table', + props, + tableHeader, + _react2['default'].createElement( + 'tbody', + { className: 'reactable-data', key: 'tbody' }, + currentChildren.length > 0 ? currentChildren : noDataText + ), + pagination === true ? _react2['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; +})(_react2['default'].Component); + +exports.Table = Table; + +Table.defaultProps = { + sortBy: false, + defaultSort: false, + defaultSortDescending: false, + itemsPerPage: 0, + filterBy: '', + hideFilterInput: false +}; diff --git a/lib/reactable/td.js b/lib/reactable/td.js new file mode 100644 index 00000000..28449fa1 --- /dev/null +++ b/lib/reactable/td.js @@ -0,0 +1,86 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _libIs_react_component = require('./lib/is_react_component'); + +var _libStringable = require('./lib/stringable'); + +var _unsafe = require('./unsafe'); + +var _libFilter_props_from = require('./lib/filter_props_from'); + +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 _react2['default'].createElement('td', _extends({}, mergedProps, { + dangerouslySetInnerHTML: { __html: this.props.children.toString() } })); + } else { + return _react2['default'].createElement( + 'td', + mergedProps, + stringifiedChildProps || this.props.children + ); + } + } + }]); + + return Td; +})(_react2['default'].Component); + +exports.Td = Td; +; diff --git a/lib/reactable/tfoot.js b/lib/reactable/tfoot.js new file mode 100644 index 00000000..071b36f1 --- /dev/null +++ b/lib/reactable/tfoot.js @@ -0,0 +1,40 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +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 _react2['default'].createElement('tfoot', this.props); + } + }]); + + return Tfoot; +})(_react2['default'].Component); + +exports.Tfoot = Tfoot; diff --git a/lib/reactable/th.js b/lib/reactable/th.js new file mode 100644 index 00000000..99be1b77 --- /dev/null +++ b/lib/reactable/th.js @@ -0,0 +1,58 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _unsafe = require('./unsafe'); + +var _libFilter_props_from = require('./lib/filter_props_from'); + +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 _react2['default'].createElement('th', _extends({}, (0, _libFilter_props_from.filterPropsFrom)(this.props), { + dangerouslySetInnerHTML: { __html: this.props.children.toString() } })); + } else { + return _react2['default'].createElement( + 'th', + (0, _libFilter_props_from.filterPropsFrom)(this.props), + this.props.children + ); + } + } + }]); + + return Th; +})(_react2['default'].Component); + +exports.Th = Th; +; diff --git a/lib/reactable/thead.js b/lib/reactable/thead.js new file mode 100644 index 00000000..d423b940 --- /dev/null +++ b/lib/reactable/thead.js @@ -0,0 +1,159 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _th = require('./th'); + +var _filterer = require('./filterer'); + +var _libFilter_props_from = require('./lib/filter_props_from'); + +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(_react2['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 _react2['default'].createElement( + 'thead', + props, + this.props.filtering === true ? _react2['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, + _react2['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 = []; + _react2['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; +})(_react2['default'].Component); + +exports.Thead = Thead; +; diff --git a/lib/reactable/tr.js b/lib/reactable/tr.js new file mode 100644 index 00000000..03331792 --- /dev/null +++ b/lib/reactable/tr.js @@ -0,0 +1,89 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { + value: true +}); + +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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + +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 _react = require('react'); + +var _react2 = _interopRequireDefault(_react); + +var _td = require('./td'); + +var _libTo_array = require('./lib/to_array'); + +var _libFilter_props_from = require('./lib/filter_props_from'); + +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)(_react2['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 _react2['default'].createElement( + _td.Td, + _extends({ column: column, key: column.key }, props), + value + ); + } else { + return _react2['default'].createElement(_td.Td, { column: column, key: column.key }); + } + }).bind(this))); + } + + // Manually transfer props + var props = (0, _libFilter_props_from.filterPropsFrom)(this.props); + + return _react2['default'].DOM.tr(props, children); + } + }]); + + return Tr; +})(_react2['default'].Component); + +exports.Tr = Tr; +; + +Tr.childNode = _td.Td; +Tr.dataType = 'object'; diff --git a/lib/reactable/unsafe.js b/lib/reactable/unsafe.js new file mode 100644 index 00000000..6e377a24 --- /dev/null +++ b/lib/reactable/unsafe.js @@ -0,0 +1,41 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +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; +} + +; From 62f6c7c905a2f147955b1ddfc923e3c9b3db6d51 Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 14:06:24 +0100 Subject: [PATCH 6/8] fix entry point.. again --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 353fee29..926b243b 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "reactable", "version": "0.14.1", "description": "Fast, flexible, simple data tables in React", - "main": "./build/reactable.js", + "main": "./lib/reactable.js", "repository": { "type": "git", "url": "https://github.com/glittershark/reactable.git" From ffc3faa7bab6c6108e346a8d21e00fd45e105bc6 Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 14:11:16 +0100 Subject: [PATCH 7/8] add missing name --- lib/reactable/lib/filter_props_from.js | 1 + 1 file changed, 1 insertion(+) 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, From e5c6d840867cf3714740c88ccdf555d75cd9752e Mon Sep 17 00:00:00 2001 From: Benjamin Flesch Date: Fri, 20 Jan 2017 14:12:30 +0100 Subject: [PATCH 8/8] fix filter props --- src/reactable/lib/filter_props_from.jsx | 1 + 1 file changed, 1 insertion(+) 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,