react-mui-table
Version:
A react component that takes data & style parameters, and renders a Material UI table.
64 lines (50 loc) • 2.3 kB
JavaScript
;
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 _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _Table = require('material-ui/Table');
var _Checkbox = require('material-ui/Checkbox');
var _Checkbox2 = _interopRequireDefault(_Checkbox);
var _SortableTableHeaderColumn = require('../SortableTableHeaderColumn');
var _SortableTableHeaderColumn2 = _interopRequireDefault(_SortableTableHeaderColumn);
var _styles = require('../MaterialTable/styles');
var _styles2 = _interopRequireDefault(_styles);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var TableHeaderRow = function TableHeaderRow(_ref) {
var allSelected = _ref.allSelected,
handleSort = _ref.handleSort,
currentSort = _ref.currentSort,
avatar = _ref.avatar,
columns = _ref.columns,
handleSelectAll = _ref.handleSelectAll,
displayAvatar = _ref.displayAvatar,
displayColumn = _ref.displayColumn,
sortEnabled = _ref.sortEnabled,
actionsEnabled = _ref.actionsEnabled;
return _react2.default.createElement(
_Table.TableRow,
null,
_react2.default.createElement(
_Table.TableHeaderColumn,
{ style: _styles2.default.checkboxColumn },
_react2.default.createElement(_Checkbox2.default, {
checked: allSelected,
onCheck: handleSelectAll })
),
avatar && displayAvatar() && _react2.default.createElement(_Table.TableHeaderColumn, { style: _styles2.default.smallColumn }),
columns.map(function (column) {
if (!displayColumn(column)) return null;
return _react2.default.createElement(_SortableTableHeaderColumn2.default, _extends({
fieldKey: column.key,
sortEnabled: sortEnabled,
handleSort: handleSort,
currentSort: currentSort
}, column));
}),
actionsEnabled && _react2.default.createElement(_Table.TableHeaderColumn, { style: _styles2.default.smallColumn })
);
};
exports.default = TableHeaderRow;