feat: create table component based on ant design Table

[eric-briscoe]

Adds a new Table component based on Ant Design as part of movement to a Superset Design system

SUMMARY

To view the table component and see the documentation:
https://75b68f5--62b4d4c211d03654c1992245.chromatic.com/?path=/story/design-system-components-table-overview--page (manually updating to Chromatic)

To run local:

1. checkout this branch
2. open a terminal at the superset/superset-frontend directory and run npm ci
3. in the same terminal run npm run storybook
4. Open http://localhost:6006/?path=/docs/design-system-components-table-overview--page in your browser

This provides the documentation to use the new Table component as well as interactive stories to see the behavior of the various props

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #21520 (1a25f33) into master (cd1b379) will increase coverage by 0.01%.
The diff coverage is 56.77%.

@@            Coverage Diff             @@
##           master   #21520      +/-   ##
==========================================
+ Coverage   67.07%   67.09%   +0.01%     
==========================================
  Files        1815     1827      +12     
  Lines       69575    69876     +301     
  Branches     7486     7548      +62     
==========================================
+ Hits        46665    46880     +215     
- Misses      20974    21040      +66     
- Partials     1936     1956      +20     

Flag	Coverage Δ
javascript	53.72% <56.77%> (+0.14%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
superset-frontend/src/components/Button/index.tsx	100.00% <ø> (ø)
...rc/components/Table/utils/InteractiveTableUtils.ts	36.44% <36.44%> (ø)
...ponents/Table/cell-renderers/NumericCell/index.tsx	50.00% <50.00%> (ø)
superset-frontend/src/components/Table/index.tsx	65.07% <65.07%> (ø)
...uperset-frontend/src/components/Dropdown/index.tsx	95.83% <83.33%> (-4.17%)	⬇️
...mponents/Table/cell-renderers/ActionCell/index.tsx	95.83% <95.83%> (ø)
superset-frontend/src/components/Loading/index.tsx	100.00% <100.00%> (ø)
...onents/Table/cell-renderers/ActionCell/fixtures.ts	100.00% <100.00%> (ø)
...mponents/Table/cell-renderers/ButtonCell/index.tsx	100.00% <100.00%> (ø)
...nd/src/components/Table/cell-renderers/fixtures.ts	100.00% <100.00%> (ø)
... and 13 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[AAfghahi]

Approved but have a few questions!

[lyndsiWilliams]

I went through and found some things/had some questions. I also noticed that a storybook log was pushed up to superset-frontend/build-storybook.log. I don't see storybook logs elsewhere in the codebase, was this log meant to be part of this PR?

[eric-briscoe]

I went through and found some things/had some questions. I also noticed that a storybook log was pushed up to superset-frontend/build-storybook.log. I don't see storybook logs elsewhere in the codebase, was this log meant to be part of this PR?

@lyndsiWilliams I removed that file, thanks for catching that!

[michael-s-molina]

LGTM. Thanks for all the hard work and for addressing the comments @eric-briscoe!

[eric-briscoe]

LGTM. Thanks for all the hard work and for addressing the comments @eric-briscoe!

Thank you for the thorough reviews @michael-s-molina @lyndsiWilliams @AAfghahi @pkdotson 😄