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

chore(Toolbar) convert demos to TS #9475

Merged

Conversation

Dominik-Petrik
Copy link
Contributor

What: Closes #9448

@patternfly-build
Copy link
Contributor

patternfly-build commented Aug 8, 2023

@jenny-s51 jenny-s51 force-pushed the toolbar-convertDemoToTS branch 2 times, most recently from 1b7eab8 to 7f3b179 Compare September 18, 2023 19:56
@jenny-s51 jenny-s51 force-pushed the toolbar-convertDemoToTS branch from bd72fb2 to ab1080a Compare October 9, 2023 19:27
PR feedback from ERic and Titani

update to menu footer button

revert to js to fix ci
@jenny-s51 jenny-s51 force-pushed the toolbar-convertDemoToTS branch from ab1080a to b8f9e0e Compare October 9, 2023 19:43
Copy link
Contributor

@wise-king-sullyman wise-king-sullyman left a comment

Choose a reason for hiding this comment

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

One small thing I noticed TS complaining about: it looks like the type for the event arg of onPageResize on line 172 needs to be updated to MouseEvent | TouchEvent | React.KeyboardEvent<Element>.

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

For the leftAlignedItemsDesktop content, we just need to add role="menu" to the first Select. Then similarly for leftAlignedItemsMobile, we need to add onOpenChangeKeys={['Escape']} to the first Select.

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

🎉 lgtm

There's one thing axe is flagging on the smaller viewport width related to the aria-controls on the search input icon that I want to look at a little further, but that's a followup issue unrelated to the updates made in this PR

Copy link
Contributor

@wise-king-sullyman wise-king-sullyman left a comment

Choose a reason for hiding this comment

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

🎉

@wise-king-sullyman wise-king-sullyman merged commit 8642588 into patternfly:main Oct 16, 2023
@patternfly-build
Copy link
Contributor

Your changes have been released in:

  • @patternfly/react-code-editor@5.2.0-prerelease.9
  • @patternfly/react-core@5.2.0-prerelease.9
  • @patternfly/react-docs@6.2.0-prerelease.9
  • demo-app-ts@5.1.1-prerelease.32
  • @patternfly/react-table@5.2.0-prerelease.9

Thanks for your contribution! 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Convert toolbar react demo to TS
7 participants