@bigfishtv/cockpit/src/components/table/cell/FixedDataTableCheckboxSelectHeaderCell.js

import React, { Component } from 'react'
import { Cell } from 'fixed-data-table'

import Checkbox from '../../input/Checkbox'

/**
 * Table cell for displaying a boolean value
 */
export default class FixedDataTableCheckboxSelectHeaderCell extends Component {
	render() {
		const { data, selectedIds, onSelectionChange, ...props } = this.props
		const selectedAll = selectedIds.length === data.length && data.length > 0
		return (
			<Cell {...props}>
				<div className="table-checkbox-wrapper">
					<Checkbox
						value={selectedAll}
						onChange={value => onSelectionChange(selectedAll ? [] : data.map(item => item.id))}
					/>
				</div>
			</Cell>
		)
	}
}