UNPKG

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
'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 _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;