chore(react): make table component public

packages/react/src/components/Table/TableCell/BaseTableCell.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseTableCellProps } from './types';
+import { BaseTableCellProps } from '../types';
 
 const css = {
 	header: 'nds-table-cell__header',

packages/react/src/components/Table/TableCell/TableCell.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { BaseTableCell } from './BaseTableCell';
 import { SortingCellData, useSortingState } from '../ComposableTable/SortingContext';
-import { TableCellProps } from './types';
+import { TableCellProps } from '../types';
 import { useHeaderFor } from '../ComposableTable/HeadersContext';
 
 function getSiblingIndex(el: HTMLElement): number {

packages/react/src/components/Table/index.ts

@@ -0,0 +1,8 @@
+export * from './types';
+
+export { Table } from './Table';
+export { TableHeader } from './TableHeader/TableHeader';
+export { TableHeaderCell } from './TableHeaderCell/TableHeaderCell';
+export { TableRow } from './TableRow/TableRow';
+export { TableBody } from './TableBody/TableBody';
+export { TableCell } from './TableCell/TableCell';

packages/react/src/components/Table/types.ts

@@ -142,3 +142,26 @@ export interface TableRowProps extends React.TableHTMLAttributes<HTMLTableRowEle
 	 */
 	className?: string;
 }
+
+export interface BaseTableCellProps extends React.TableHTMLAttributes<HTMLTableCellElement> {
+	/**
+	 * The content of the header that corresponds to this cell.
+	 * This will only render in the XS breakpoint to give visual context
+	 * to users.
+	 */
+	header?: React.ReactNode;
+}
+
+export interface TableCellProps extends BaseTableCellProps {
+	/**
+	 * Override or extend existing table style.
+	 */
+	className?: string;
+
+	/**
+	 * The value of the cell.
+	 * In uncontrolled sorting the value is used to sort the column. If none is defined
+	 * the text content of the cell is used as value.
+	 */
+	value?: SortableValue;
+}

packages/react/src/components/index.ts

@@ -21,6 +21,7 @@ export * from './ResponseIndicator';
 export * from './Spinner';
 export * from './StepIndicator';
 export * from './Switch';
+export * from './Table';
 export * from './Tabs';
 export * from './Tag';
 export * from './TextField';