[TablePagination] Allow using it anywhere

[leMaik]

This PR modifies the TablePagination so that it can be used everywhere. I also modified the TypeScript typings to include the TableCell props and styles which might become handy for customizing the pagination (especially the component prop needs to be changed to div when not using the pagination inside a table).

I'm not sure whether the component should be renamed to Pagination and TablePagination should become a tiny wrapper around that where component is set to td? 🤔

Breaking change

             <TableFooter>
-              <TablePagination
-                count={data.length}
-                rowsPerPage={rowsPerPage}
-                page={page}
-                onChangePage={this.handleChangePage}
-                onChangeRowsPerPage={this.handleChangeRowsPerPage}
-              />
+              <TableRow>
+                <TablePagination
+                  count={data.length}
+                  rowsPerPage={rowsPerPage}
+                  page={page}
+                  onChangePage={this.handleChangePage}
+                  onChangeRowsPerPage={this.handleChangeRowsPerPage}
+                />
+              </TableRow>
             </TableFooter>

Closes #8520

[leMaik]

I don't get it… The unit tests run fine on my machine. 😮

[oliviertassinari]

I'm not sure whether the component should be renamed to Pagination and TablePagination should become a tiny wrapper around that where component is set to td? 🤔

@leMaik I have some doubt about the validity of using the TablePagination component outside of a Table. I don't think that we should be supporting it, but I'm not sure we should embrace it.
I think that keeping the current name is was make more sense. Still, if later on, we also move the TableCell outside of the component, then I agree, Pagination would make more sense.

I don't get it… The unit tests run fine on my machine. 😮

@leMaik It should be good now :).

[oliviertassinari]

@leMaik I have been making a mistake the first time. It should be better now.

[leMaik]

@oliviertassinari Uhm… No it isn't? If you set colSpan but component is 'td', colSpan will still be ignored. colSpan is not included in other, so it will be missing entirely in that case.

[leMaik]

I have some doubt about the validity of using the TablePagination component outside of a Table. I don't think that we should be supporting it, but I'm not sure we should embrace it.

@oliviertassinari Well, there seem to be people who would like to use TablePagination outside of tables, though. But it's just naming, so that can wait. 👍

[oliviertassinari]

@leMaik You are right. It's time for me to sleep 😴 .

[daiky00]

Any Samples Showing how to implement this without the table?

[oliviertassinari]

@daiky00 What do you mean by a sample, where is this not working?

[sbiales]

I would also appreciate a sample of how to use this. The example from issue #14867 does not work and I found #8520 as well but the "sample" at the bottom fails to show how to use this outside of a table, like with a List of ListItems. Thanks.