tableify/index.js at master · tillhub/tableify · GitHub

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
const safeGet = require('just-safe-get')

function tableify(items, options) {
  if (!items) return undefined

  let html = '<table>'
  let headers = []

  if (!safeGet(options, 'headers') || !Array.isArray(options.headers)) {
    // get unique keys of all objects
    headers = new Set()
    items.forEach(item => {
      if (typeof item === 'object') {
        Object.keys(item).forEach(key => headers.add(key))
      }
    })
    headers = Array.from(headers)
  } else {
    headers = JSON.parse(JSON.stringify(options.headers))
  }

  if (
    !options ||
    !options.hasOwnProperty('showHeaders') ||
    options.showHeaders
  ) {
    html += '<thead><tr>'

    const headerHtml = headers
      .map(header => {
        if (
          typeof header === 'object' &&
          header.hasOwnProperty('show') &&
          !header.show
        )
          return ''

        let cell = '<th'
        const currentHeader = typeof header === 'object' ? header.field : header

        if (safeGet(options, 'headerCellClass')) {
          const customClass = options.headerCellClass(headers, currentHeader)
          if (typeof customClass === 'string') cell += ` class="${customClass}"`
        }

        cell += '>'

        let content = header
        if (safeGet(options, 'headerCellContent')) {
          const customContent = options.headerCellContent(
            headers,
            currentHeader
          )
          if (typeof customContent === 'string') content = customContent
        }

        return cell + content + '</th>'
      })
      .join('')

    html += headerHtml + '</tr></thead>'
  }

  const tableBody = items
    .map(item => {
      if (safeGet(options, 'hideRow') && options.hideRow(item)) return '' // skip row

      const row = headers
        .map(header => {
          if (
            typeof header === 'object' &&
            header.hasOwnProperty('show') &&
            !header.show
          )
            return ''

          let cell = '<td'
          const currentHeader =
            typeof header === 'object' ? header.field : header

          if (safeGet(options, 'bodyCellClass')) {
            const customClass = options.bodyCellClass(
              item,
              currentHeader,
              item[currentHeader]
            )
            if (typeof customClass === 'string')
              cell += ` class="${customClass}"`
          }

          cell += '>'

          let content = item[currentHeader] || ''
          if (safeGet(options, 'bodyCellContent')) {
            const customContent = options.bodyCellContent(
              item,
              currentHeader,
              item[currentHeader]
            )
            if (typeof customContent === 'string') content = customContent
          }

          return cell + content + '</td>'
        })
        .join('')
      return `<tr>${row}</tr>`
    })
    .join('')

  html += '<tbody>' + tableBody + '</tbody></table>'
  return html
}

module.exports = tableify