'use strict'; // @flow import React from 'react'; import type {Node} from 'react'; import HTMLReportFooter from './footer'; import FlowCoverageSummaryTable from './coverage-summary-table'; import FlowCoverageFileTableHead from './coverage-file-table-head'; import FlowCoverageFileTableRow from './coverage-file-table-row'; import FlowCoverageMeterBar from './coverage-meter-bar'; import type {FlowCoverageSummaryReportProps} from './html-report-page'; const HTMLReportBodySummary = (props: FlowCoverageSummaryReportProps): Node => { const summary = props.coverageSummaryData; if (!summary) { throw new Error('Missing coverageSummaryData from props'); } const filenames = Object.keys(summary.files).sort(); const {percent} = summary; const filesSummaryTableProps = { id: 'files', className: 'ui small celled table sortable' }; const filesSummaryTable = ( { filenames.map(filename => { const fileSummary = summary.files[filename]; const key = filename; const fileRowProps = { filename, isError: fileSummary.isError, isFlow: fileSummary.isFlow, flowCoverageParsingError: fileSummary.flowCoverageParsingError, flowCoverageError: fileSummary.flowCoverageError, flowCoverageException: fileSummary.flowCoverageException, flowCoverageStderr: fileSummary.flowCoverageStderr, disableLink: false, threshold: summary.threshold, annotation: fileSummary.annotation, percent: fileSummary.percent, /* eslint-disable camelcase */ covered_count: fileSummary.expressions.covered_count, uncovered_count: fileSummary.expressions.uncovered_count /* eslint-enable camelcase */ }; return ; }) }

); let meterBar; if (props.htmlTemplateOptions && props.htmlTemplateOptions.showMeterBar) { meterBar = ; } return (

Flow Coverage Report

Summary

{meterBar}

Files

{filesSummaryTable}

); }; export default HTMLReportBodySummary;