feat(designer): Migrate delete node modal to fluent v9 #6242
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes several changes to improve the user interface and functionality of modal dialogs and card components, as well as adding new tests. The most important changes include updating the
DeleteNodeModal
component to use theDialog
component from@fluentui/react-components
, adding a focus restoration feature to card components, and introducing new tests for theDeleteNodeModal
.Dialog
and related components from@fluentui/react-components
, added loading state messages, and implemented a callback for closing the dialog.DeleteNodeModal
to verify its behavior and ensure proper rendering of titles, body messages, and spinner states.DeleteNodeModal
to ensure consistent rendering.useRestoreFocusTarget
to add focus restoration attributes to theCard
component.useRestoreFocusTarget
to add focus restoration attributes to theScopeCard
component.Fixes #5273
Screenshots
Old version
New version