docs(table): categorize under Controls

This also moves the Table* subcomponents into the Table folder.

Author: WesSouza

src/Table/Table.mdx

@@ -19,7 +19,7 @@ const Wrapper = styled.div`
 `;
 
 export default {
-  title: 'Table',
+  title: 'Controls/Table',
   component: Table,
   subcomponents: {
     Table,

src/Table/Table.stories.tsx

@@ -22,17 +22,24 @@ const Wrapper = styled(StyledScrollView)`
   }
 `;
 
-const Table = forwardRef<HTMLTableElement, TableProps>(function Table(
-  { children, ...otherProps },
-  ref
-) {
-  return (
-    <Wrapper>
-      <StyledTable ref={ref} {...otherProps}>
-        {children}
-      </StyledTable>
-    </Wrapper>
-  );
-});
+const Table = forwardRef<HTMLTableElement, TableProps>(
+  ({ children, ...otherProps }, ref) => {
+    return (
+      <Wrapper>
+        <StyledTable ref={ref} {...otherProps}>
+          {children}
+        </StyledTable>
+      </Wrapper>
+    );
+  }
+);
+
+Table.displayName = 'Table';
+
+export * from './TableBody';
+export * from './TableDataCell';
+export * from './TableHead';
+export * from './TableHeadCell';
+export * from './TableRow';
 
 export { Table, TableProps };

src/Table/Table.tsx

@@ -25,4 +25,6 @@ const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(
   }
 );
 
+TableBody.displayName = 'TableBody';
+
 export { TableBody, TableBodyProps };

src/TableBody/TableBody.spec.tsx renamed to src/Table/TableBody.spec.tsx

@@ -21,4 +21,6 @@ const TableDataCell = forwardRef<HTMLTableCellElement, TableDataCellProps>(
   }
 );
 
+TableDataCell.displayName = 'TableDataCell';
+
 export { TableDataCell, TableDataCellProps };

src/TableBody/TableBody.tsx renamed to src/Table/TableBody.tsx

@@ -20,4 +20,6 @@ const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(
   }
 );
 
+TableHead.displayName = 'TableHead';
+
 export { TableHead, TableHeadProps };