All files / widgets/data-table/rows index.js

0% Statements 0/24
0% Branches 0/10
0% Functions 0/5
0% Lines 0/15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35                                                                     
import React from 'react'
import PropTypes from 'prop-types'
import Row from './row'
 
const DEFAULT_BORDER_COLOR = '#afcef3'
 
const Rows = ({ list = [], columns, paintBorderRow }) => {
  return list.map((value, index) => {
    const getColor = () => {
      if (paintBorderRow) {
        return paintBorderRow.color(value[paintBorderRow.key])
      }
 
      return DEFAULT_BORDER_COLOR
    }
 
    return (
      <Row key={index} borderColor={getColor()}>
        {columns.map(item => {
          if (item.isVisible()) {
            return item.renderDataCol(value)
          }
        })}
      </Row>
    )
  })
}
 
Rows.propTypes = {
  list: PropTypes.array,
  columns: PropTypes.array.isRequired
}
 
export default Rows