feat: implement externally controlled mode for TablePagination [WD-8505]

[mas-who]

Done

• Introduced externally controlled mode for the TablePagination component
• added test for externally controlled mode for the TablePagination component. You can refer to the test for example usage in externally controlled mode.

QA

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Check in projects that uses TablePagination if server pagination works.

[webteam-app]

Demo starting at https://react-components-1034.demos.haus

[mas-who]

Decided to move the presentation part of the component to TablePaginationControls, then inside TablePagination we will adjust component behaviour depending on the externallyControlled prop. It is okay to keep usePagination in TablePagination actually since we just pass it with no data if externallyControlled is true. I think having a completely separate component for un-controlled pagination will make things a little messy and result in duplicated code.

The cool thing is that the test I wrote previously for server-pagination didn't have to change at all, so it served as a bit of a setup for TDD :slightly_smiling_face:

[github-actions[bot]]

:tada: This PR is included in version 0.50.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: