react-toolbox-build4server/react-toolbox/js/table/TableHead.js

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _checkbox = require('../checkbox');

var _checkbox2 = _interopRequireDefault(_checkbox);

var _style = require('./style');

var _style2 = _interopRequireDefault(_style);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

var TableHead = function TableHead(_ref) {
  var model = _ref.model;
  var onSelect = _ref.onSelect;
  var selectable = _ref.selectable;
  var selected = _ref.selected;

  var selectCell = void 0;
  var contentCells = Object.keys(model).map(function (key) {
    var name = model[key].title || key;
    return _react2.default.createElement(
      'th',
      { key: key },
      name
    );
  });

  if (selectable) {
    selectCell = _react2.default.createElement(
      'th',
      { key: 'select', className: _style2.default.selectable },
      _react2.default.createElement(_checkbox2.default, { onChange: onSelect, checked: selected })
    );
  }

  return _react2.default.createElement(
    'thead',
    null,
    _react2.default.createElement(
      'tr',
      null,
      [selectCell].concat(_toConsumableArray(contentCells))
    )
  );
};

TableHead.propTypes = {
  className: _react2.default.PropTypes.string,
  model: _react2.default.PropTypes.object,
  onSelect: _react2.default.PropTypes.func,
  selectable: _react2.default.PropTypes.bool,
  selected: _react2.default.PropTypes.bool
};

TableHead.defaultProps = {
  className: '',
  model: {},
  selected: false
};

exports.default = TableHead;
//# sourceMappingURL=TableHead.js.map