16006182009

Committed 01 Jul 2025 05:32PM UTC coverage: 62.703% (-8.6%) from 71.278%

Build # 16006182009

Build Type

Pull #756

github

Committed by

web-flow

Commit Message

Merge pull request #755 from CBIIT/revert-omb-date

revert: OMB expiration update

Pull Request Pull Request #756: Sync 3.4.0 with 3.3.0

Run Details

3560 of 6102 branches covered (58.34%)

Branch coverage included in aggregate %.

4920 of 7422 relevant lines covered (66.29%)

227.7 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

75.0

/src/components/Questionnaire/ReviewFileTypeTable.tsx

import React from "react";
import {
  Table,
  TableBody,
  TableCell,
  TableContainer,
  TableHead,
  TableRow,
  styled,
} from "@mui/material";
import { addSpace } from "../../utils";

const StyledTableContainer = styled(TableContainer)(() => ({
  borderRadius: "8px !important",
  border: "1px solid #6B7294",
  overflow: "hidden",
}));

const StyledTableHeaderRow = styled(TableRow)(() => ({
  "&.MuiTableRow-root": {
    height: "40px",
    padding: 0,
    justifyContent: "space-between",
    alignItems: "center",
    background: "#FFF",
    borderBottom: "1px solid #6B7294",
  },
}));

const StyledTableRow = styled(TableRow)(() => ({
  "&.MuiTableRow-root": {
    height: "55px",
    padding: 0,
    justifyContent: "space-between",
    alignItems: "center",
    background: "#FFF",
    borderBottom: "1px solid #6B7294",
    "&:last-child": {
      borderBottom: "none",
    },
  },
}));

const StyledTableHeaderCell = styled(TableCell)(() => ({
  "&.MuiTableCell-root": {
    height: "100%",
    color: "#083A50",
    fontFamily: "'Nunito', 'Rubik', sans-serif",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 700,
    lineHeight: "19.6px",
    padding: "10px 20px",
    borderBottom: "0 !important",
    borderRight: "1px solid #6B7294",
    "&:last-child": {
      borderRight: "none",
    },
  },
}));

const StyledTableCell = styled(TableCell)(() => ({
  "&.MuiTableCell-root": {
    height: "100%",
    color: "#083A50",
    fontFamily: "'Nunito', 'Rubik', sans-serif",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 400,
    lineHeight: "19.6px",
    padding: "10px 20px",
    borderBottom: "0 !important",
    borderRight: "1px solid #6B7294",
    "&:last-child": {
      borderRight: "none",
    },
  },
}));

type ReviewFileTypeTableProps = {
  files: FileInfo[];
};

const ReviewFileTypeTable: React.FC<ReviewFileTypeTableProps> = ({ files }) => (
  <StyledTableContainer>
    <Table>
      <TableHead>
        <StyledTableHeaderRow>
          <StyledTableHeaderCell id="review-file-type-table-file-type" width="auto">
            File Type
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-file-extension" width="25%">
            File Extension
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-number-of-files" width="17%">
            Number of files
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-estimated-data-size" width="25%">
            Estimated data size
          </StyledTableHeaderCell>
        </StyledTableHeaderRow>
      </TableHead>
      <TableBody>
        {files.map((file: FileInfo, idx: number) => (
          <StyledTableRow key={`${file.type}-${file.count}-${file.amount}`}>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-type`} width="auto">
              {file.type}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-extension`} width="25%">
              {file.extension}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-count`} width="17%">
              {file.count}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-amount`} width="25%">
              {addSpace(file.amount)}
            </StyledTableCell>
          </StyledTableRow>
        ))}
      </TableBody>
    </Table>
  </StyledTableContainer>
);

export default ReviewFileTypeTable;

1	import React from "react";
2	import {
3	Table,
4	TableBody,
5	TableCell,
6	TableContainer,
7	TableHead,
8	TableRow,
9	styled,
10	} from "@mui/material";
11	import { addSpace } from "../../utils";
12
13	const StyledTableContainer = styled(TableContainer)(() => ({	2✔
14	borderRadius: "8px !important",
15	border: "1px solid #6B7294",
16	overflow: "hidden",
17	}));
18
19	const StyledTableHeaderRow = styled(TableRow)(() => ({	2✔
20	"&.MuiTableRow-root": {
21	height: "40px",
22	padding: 0,
23	justifyContent: "space-between",
24	alignItems: "center",
25	background: "#FFF",
26	borderBottom: "1px solid #6B7294",
27	},
28	}));
29
30	const StyledTableRow = styled(TableRow)(() => ({	2✔
31	"&.MuiTableRow-root": {
32	height: "55px",
33	padding: 0,
34	justifyContent: "space-between",
35	alignItems: "center",
36	background: "#FFF",
37	borderBottom: "1px solid #6B7294",
38	"&:last-child": {
39	borderBottom: "none",
40	},
41	},
42	}));
43
44	const StyledTableHeaderCell = styled(TableCell)(() => ({	2✔
45	"&.MuiTableCell-root": {
46	height: "100%",
47	color: "#083A50",
48	fontFamily: "'Nunito', 'Rubik', sans-serif",
49	fontSize: "16px",
50	fontStyle: "normal",
51	fontWeight: 700,
52	lineHeight: "19.6px",
53	padding: "10px 20px",
54	borderBottom: "0 !important",
55	borderRight: "1px solid #6B7294",
56	"&:last-child": {
57	borderRight: "none",
58	},
59	},
60	}));
61
62	const StyledTableCell = styled(TableCell)(() => ({	2✔
63	"&.MuiTableCell-root": {
64	height: "100%",
65	color: "#083A50",
66	fontFamily: "'Nunito', 'Rubik', sans-serif",
67	fontSize: "16px",
68	fontStyle: "normal",
69	fontWeight: 400,
70	lineHeight: "19.6px",
71	padding: "10px 20px",
72	borderBottom: "0 !important",
73	borderRight: "1px solid #6B7294",
74	"&:last-child": {
75	borderRight: "none",
76	},
77	},
78	}));
79
80	type ReviewFileTypeTableProps = {
81	files: FileInfo[];
82	};
83
84	const ReviewFileTypeTable: React.FC<ReviewFileTypeTableProps> = ({ files }) => (	2✔
85	<StyledTableContainer>	×
86	<Table>
87	<TableHead>
88	<StyledTableHeaderRow>
89	<StyledTableHeaderCell id="review-file-type-table-file-type" width="auto">
90	File Type
91	</StyledTableHeaderCell>
92	<StyledTableHeaderCell id="review-file-type-table-file-extension" width="25%">
93	File Extension
94	</StyledTableHeaderCell>
95	<StyledTableHeaderCell id="review-file-type-table-number-of-files" width="17%">
96	Number of files
97	</StyledTableHeaderCell>
98	<StyledTableHeaderCell id="review-file-type-table-estimated-data-size" width="25%">
99	Estimated data size
100	</StyledTableHeaderCell>
101	</StyledTableHeaderRow>
102	</TableHead>
103	<TableBody>
104	{files.map((file: FileInfo, idx: number) => (
105	<StyledTableRow key={`${file.type}-${file.count}-${file.amount}`}>	×
106	<StyledTableCell id={`review-file-type-table-file-${idx}-file-type`} width="auto">
107	{file.type}
108	</StyledTableCell>
109	<StyledTableCell id={`review-file-type-table-file-${idx}-file-extension`} width="25%">
110	{file.extension}
111	</StyledTableCell>
112	<StyledTableCell id={`review-file-type-table-file-${idx}-file-count`} width="17%">
113	{file.count}
114	</StyledTableCell>
115	<StyledTableCell id={`review-file-type-table-file-${idx}-file-amount`} width="25%">
116	{addSpace(file.amount)}
117	</StyledTableCell>
118	</StyledTableRow>
119	))}
120	</TableBody>
121	</Table>
122	</StyledTableContainer>
123	);
124
125	export default ReviewFileTypeTable;

CBIIT / crdc-datahub-ui / 16006182009

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous