EuiTableRowCellCheckbox to TS

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Converted `EuiTableRowCellCheckbox` to TS ([#1964](https://github.com/elastic/eui/pull/1964))
 - Update `caniuse-lite` version resolution ([#1970](https://github.com/elastic/eui/pull/1970))
 - Add a webpack directive for naming icon chunks ([#1944])(https://github.com/elastic/eui/pull/1944))
 

src/components/table/index.d.ts

@@ -3,6 +3,7 @@
 import { CommonProps, NoArgCallback } from '../common';
 import { IconType } from '../icon';
 import { HorizontalAlignment } from '../../services/alignment';
+import { EuiTableRowCellCheckbox as TableRowCellCheckbox } from './table_row_cell_checkbox';
 
 import {
   FunctionComponent,
@@ -165,20 +166,16 @@ declare module '@elastic/eui' {
   }
 
   export const EuiTableRowCell: FunctionComponent<
-    CommonProps & TdHTMLAttributes<HTMLTableCellElement> & EuiTableRowCellSharedPropsShape & EuiTableRowCellProps
+    CommonProps &
+      TdHTMLAttributes<HTMLTableCellElement> &
+      EuiTableRowCellSharedPropsShape &
+      EuiTableRowCellProps
   >;
 
   /**
    * table row cell checkbox type defs
    *
    * @see './table_row_cell_checkbox.js'
    */
-
-  export interface EuiTableRowCellCheckboxProps {}
-
-  export const EuiTableRowCellCheckbox: FunctionComponent<
-    CommonProps &
-      TdHTMLAttributes<HTMLTableCellElement> &
-      EuiTableRowCellCheckboxProps
-  >;
+  export const EuiTableRowCellCheckbox: typeof TableRowCellCheckbox;
 }

src/components/table/table_row_cell_checkbox.test.js → src/components/table/table_row_cell_checkbox.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../test';
 
 import { EuiTableRowCellCheckbox } from './table_row_cell_checkbox';
 

src/components/table/table_row_cell_checkbox.tsx

@@ -0,0 +1,15 @@
+import React, { FunctionComponent, TdHTMLAttributes } from 'react';
+import classNames from 'classnames';
+import { CommonProps } from '../common';
+
+export const EuiTableRowCellCheckbox: FunctionComponent<
+  CommonProps & TdHTMLAttributes<HTMLTableCellElement>
+> = ({ children, className, ...rest }) => {
+  const classes = classNames('euiTableRowCellCheckbox', className);
+
+  return (
+    <td className={classes} {...rest}>
+      <div className="euiTableCellContent">{children}</div>
+    </td>
+  );
+};