feat: make TableFooter more composeable

[raq929]

Users can pass whatever components they want to be displayed in the footer
Defaults to the current RowStatus component on the left and TablePagination on the right

[coveralls]

Coverage increased (+0.01%) to 88.906% when pulling 933a113 on lbirch/table-footer into 2c5d169 on master.

[abutterworth]

Could do align-items: center to align all child to center by default, removing the need to name or style .pgn__data-table-footer-left

[abutterworth]

I think we should prefer children here something like:

const TableFooter = ({ children }) => (
  <div className="...png__data-table-footer">
    {children}
  </div>
);

TableFooter.defaultProps = {
  children: (
    <>
      <TablePagination />
      <RowStatus />
    </>
  )
}

[raq929]

OK so.
Pros: Doing this makes it infinitely flexible. That's nice. It's also in line with how the TableData component is written.
Cons: I think part of having a design system is that you're pushing people to follow good design patterns, and I can Imagine people doing all sorts of things. Also, they can just write their own custom footer at that point?

[abutterworth]

My take:

Make it easy to do the right thing. Make it possible to do something with didn't think of, and trust our team to use this power judiciously. If our components do the right things by default, escape hatches should be infinitely flexible via composability or render props. We should be more concerned with building unnecessarily limiting constraints in our components than with abuse of the flexibility we provide.

• By default or without configuration components should do the common, desirable thing
• Desirable variants of a pattern should be easy to create without heavy customization (not related to this particular scenario)
• Escape hatches should provide as much flexibility as possible.

[abutterworth]

I think we should avoid LeftComponent RightComponent style props in cases where it's possible, but if this is urgently needed I don't see a reason we can't deliver this value before thinking through another approach.

[abutterworth]

One thing, but lgtm

[edx-semantic-release]

🎉 This PR is included in version 13.12.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀