Skip to content

Conversation

@jmfrancois
Copy link
Collaborator

@jmfrancois jmfrancois commented Jan 11, 2021

What is the problem this PR is trying to solve?

we are on react-popper v1 which depends on deprecated popper.js dependency.
the future design system rely on @popperjs/core.

Usage of popper today in TUI:
Screen Shot 2021-01-11 at 10 47 20

What is the chosen solution to this problem?

We have to choose between:

  • react-popper v2 (API sucks)
  • reakit Popper (better API and used by our design-system)
  • use @popperjs/core low level API

Please check if the PR fulfills these requirements

  • The PR commit message follows our guidelines
  • Tests for the changes have been added (for bug fixes / features) And non reg done before need review
  • Docs have been added / updated (for bug fixes / features)
  • Related design / discussions / pages (not in jira), if any, are all linked or available in the PR

[ ] This PR introduces a breaking change

yarn.lock Outdated
dependencies:
react-fast-compare "^3.0.1"
warning "^4.0.2"

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

react-popper 1 still exist but only for storybook a11y dependency which is only for dev

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

1 similar comment
@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

347:2 error defaultProp "minimumPercentage" has no corresponding propTypes declaration react/default-props-match-prop-types
348:2 error defaultProp "display" has no corresponding propTypes declaration react/default-props-match-prop-types

/home/travis/build/Talend/ui/packages/components/src/QualityBar/QualityBar.component.js
Copy link
Collaborator Author

@jmfrancois jmfrancois Jan 11, 2021

Choose a reason for hiding this comment

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

the following lints comes from #3140
And is fixed in #3158

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

Copy link
Contributor

@jsomsanith-tlnd jsomsanith-tlnd left a comment

Choose a reason for hiding this comment

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

There are visual regressions

  • in Typeahead: width doesn't fit input at min, and max height is way smaller

image

image

  • in form > multiSelectTag: max height is smaller

image
image

I think, fixing the first one should fix the second one (and all the components that rely on Typeahead like Datalist)

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

1 similar comment
@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

1 similar comment
@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@jmfrancois jmfrancois mentioned this pull request Jan 19, 2021
4 tasks
@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

1 similar comment
@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@build-travis-ci
Copy link
Collaborator

:octocat: Demo is available here

@jmfrancois
Copy link
Collaborator Author

super seed by #3176

@jmfrancois jmfrancois closed this Jan 22, 2021
@jsomsanith-tlnd jsomsanith-tlnd deleted the jmfrancois/fix/popper branch November 4, 2021 10:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants