Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Remove usages of reactable from TimeTable #11046

Merged
merged 3 commits into from
Sep 28, 2020

Conversation

kgabryje
Copy link
Member

@kgabryje kgabryje commented Sep 24, 2020

SUMMARY

The goal is to replace all uses of reactable-arc library with DataTable from superset-ui (which uses react-table under the hood) and keep the UI/UX mostly unchanged. The reason for that is that reactable-arc has been unsupported for 2 years now, uses deprecated lifecycle methods and is incompatible with Typescript.
This PR replaces reactable-arc in TimeTable component.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

image

After:

image

TEST PLAN

ADDITIONAL INFORMATION

  • Has associated issue:
  • Changes UI
  • Requires DB Migration.
  • Confirm DB Migration upgrade and downgrade tested.
  • Introduces new feature or API
  • Removes existing feature or API

@kgabryje kgabryje changed the title [WIP] refactor: Use ListView instead of reactable in TimeTable refactor: Remove usages of reactable from TimeTable Sep 24, 2020
@kgabryje kgabryje closed this Sep 24, 2020
@kgabryje kgabryje reopened this Sep 24, 2020
@mistercrunch
Copy link
Member

From the screenshot, wondering why the sparkline isn't expanding to 100% width (?)

Copy link
Member

@rusackas rusackas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code LGTM, but I'd like to get 👀 from @nytai on the ListView tweaks and implementation.

In regard to @mistercrunch's concern, the code looks basically the same, i.e. the sparkline has
width={parseInt(column.width, 10) || 300}. @kgabryje can we repro whether or not the code on `master has the same layout with these chart columns?

@kgabryje
Copy link
Member Author

kgabryje commented Sep 28, 2020

@mistercrunch Thanks for pointing that out! A style prop for spark column wasn't passed correctly which caused it to have larger width than it should have. Fixed now. I updated the PR summary with the new screenshot.
image

@rusackas It was my mistake, now the spark column has correct width.

@rusackas rusackas merged commit f01b8a3 into apache:master Sep 28, 2020
michellethomas pushed a commit to airbnb/superset-fork that referenced this pull request Oct 2, 2020
etr2460 pushed a commit that referenced this pull request Oct 3, 2020
etr2460 pushed a commit that referenced this pull request Oct 3, 2020
auxten pushed a commit to auxten/incubator-superset that referenced this pull request Nov 20, 2020
* Use ListView instead of reactable

* Refactor TimeTable

* Spark column width fix
auxten pushed a commit to auxten/incubator-superset that referenced this pull request Nov 20, 2020
cccs-rc pushed a commit to CybercentreCanada/superset that referenced this pull request Mar 6, 2024
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.38.0 labels Mar 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels size/L 🚢 0.38.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants