react-pagination-table/lib/Components/Body.js

A table component for React with pagination

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _helpers = require('../helpers');

var _helpers2 = _interopRequireDefault(_helpers);

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); } } /* eslint-disable react/no-array-index-key */

var Body = function Body(_ref) {
  var columns = _ref.columns,
      data = _ref.data,
      arrayOption = _ref.arrayOption;

  var columnsArr = columns.split('.');
  var optionHandlers = void 0;

  if (columnsArr.length === 0) {
    throw new Error('Can\'t reslove columns');
  }

  if (Array.isArray(arrayOption) && arrayOption.length > 0) {
    optionHandlers = arrayOption.reduce(function (prev, opt) {
      prev.handlers.push(_helpers2.default.apply(undefined, _toConsumableArray(opt)));
      prev.propNames.push(opt[0]);
      return prev;
    }, { handlers: [], propNames: [] });
  }

  return data.map(function (single, i) {
    return _react2.default.createElement(
      'tr',
      { key: 'row-' + i },
      columnsArr.map(function (col) {
        var arrPropVal = void 0;

        if (optionHandlers) {
          var _optionHandlers = optionHandlers,
              _handlers = _optionHandlers.handlers,
              _propNames = _optionHandlers.propNames;

          var propNameIndex = _propNames.indexOf(col);
          var handleOptFunc = propNameIndex >= 0 && _handlers[propNameIndex];
          arrPropVal = typeof handleOptFunc === 'function' && handleOptFunc(single);
        }

        return _react2.default.createElement(
          'td',
          { key: 'col-' + col },
          arrPropVal || single[col]
        );
      })
    );
  });
};

Body.propTypes = {
  arrayOption: _propTypes2.default.arrayOf(_propTypes2.default.arrayOf(_propTypes2.default.string)),
  columns: _propTypes2.default.string.isRequired,
  data: _propTypes2.default.arrayOf(_propTypes2.default.object).isRequired
};

exports.default = Body;