Convert Table to TypeScript

frontend/src/Components/Table/TableSelectAllHeaderCell.tsx

@@ -0,0 +1,43 @@
+import React, { useMemo } from 'react';
+import CheckInput from 'Components/Form/CheckInput';
+import { CheckInputChanged } from 'typings/inputs';
+import VirtualTableHeaderCell from './TableHeaderCell';
+import styles from './TableSelectAllHeaderCell.css';
+
+interface TableSelectAllHeaderCellProps {
+  allSelected: boolean;
+  allUnselected: boolean;
+  onSelectAllChange: (change: CheckInputChanged) => void;
+}
+
+function TableSelectAllHeaderCell({
+  allSelected,
+  allUnselected,
+  onSelectAllChange,
+}: TableSelectAllHeaderCellProps) {
+  const value = useMemo(() => {
+    if (allSelected) {
+      return true;
+    } else if (allUnselected) {
+      return false;
+    }
+
+    return null;
+  }, [allSelected, allUnselected]);
+
+  return (
+    <VirtualTableHeaderCell
+      className={styles.selectAllHeaderCell}
+      name="selectAll"
+    >
+      <CheckInput
+        className={styles.input}
+        name="selectAll"
+        value={value}
+        onChange={onSelectAllChange}
+      />
+    </VirtualTableHeaderCell>
+  );
+}
+
+export default TableSelectAllHeaderCell;