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

Fix Flyout component in Wazuh Dashboard 2.x #4638

Merged
merged 13 commits into from
Oct 20, 2022

Conversation

Machi3mfl
Copy link
Member

@Machi3mfl Machi3mfl commented Oct 3, 2022

Description

Wrong behavior from the Flyout component in Wazuh Dashboard 2.x.

Issues Resolved

This PR fixes the flyout behavior. The wz-flyout was removed and replaced by the native EuiFlyout.
Closes #4597

Test

Navigate to the following sections and test the flyout behavior. Click and explore inner content.
Defined on #4597 (comment)

Check List

  • All tests pass
    • yarn test:jest
  • New functionality includes testing.
  • New functionality has been documented.
  • Update CHANGELOG.md
  • Commits are signed per the DCO using --signoff

@Machi3mfl Machi3mfl requested a review from a team as a code owner October 3, 2022 18:16
@gdiazlo gdiazlo changed the title Fixed flyout compatibility with opensearch 2.x Fix flyout compatibility with opensearch 2.x Oct 3, 2022
@AlexRuiz7 AlexRuiz7 changed the title Fix flyout compatibility with opensearch 2.x Fix Flyout component in Wazuh Dashboard 2.x Oct 4, 2022
@AlexRuiz7 AlexRuiz7 linked an issue Oct 4, 2022 that may be closed by this pull request
11 tasks
@yenienserrano
Copy link
Member

In the test I noticed that when you are editing something and you click outside the flyout it closes the flyout, and before when you were editing something, and you clicked outside the flyout a warning modal appeared that it was going to close if you wanted to continue or not the closing.

image

@Mayons95 Mayons95 self-requested a review October 13, 2022 14:28
Copy link
Contributor

@Mayons95 Mayons95 left a comment

Choose a reason for hiding this comment

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

TR: ✔️
Evidence:

Screencast.from.13-10-22.11.27.31.webm

@yenienserrano yenienserrano requested review from yenienserrano and removed request for yenienserrano October 18, 2022 14:54
Copy link
Member

@yenienserrano yenienserrano left a comment

Choose a reason for hiding this comment

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

Reverted changes due to a bug in Elastic EUI, added back the component to handle the flyout and added the closing functions.

More details here.

@AlexRuiz7 AlexRuiz7 marked this pull request as draft October 18, 2022 17:16
@AlexRuiz7
Copy link
Member

Back to draft due to #4597 (comment)

@yenienserrano yenienserrano marked this pull request as ready for review October 19, 2022 08:30
Copy link
Member

@AlexRuiz7 AlexRuiz7 left a comment

Choose a reason for hiding this comment

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

Test: 🔴

The flyout closes when the user clicks an option from a selector.

Easily reproducible in the Security section

CHANGELOG.md Outdated Show resolved Hide resolved
public/components/common/flyouts/wz-flyout.tsx Outdated Show resolved Hide resolved
Copy link
Member

@AlexRuiz7 AlexRuiz7 left a comment

Choose a reason for hiding this comment

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

Code review: ✔️
Test: ✔️

@github-actions
Copy link
Contributor

Code coverage (Jest) % values
Statements 7.15% ( 2591 / 36227 )
Branches 3.03% ( 846 / 27897 )
Functions 4.96% ( 439 / 8841 )
Lines 7.22% ( 2507 / 34682 )

@yenienserrano yenienserrano merged commit b694c49 into 4.4-1.2-wzd Oct 20, 2022
@yenienserrano yenienserrano deleted the feature/4597-fix-flyout-compatibility branch October 20, 2022 08:54
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.

Wrong behavior from the Flyout component in Wazuh Dashboard 2.x
5 participants