feat(hovercard): DP-119841 hovercard fixes for Fast Connect

[ninamarina]

Hovercard fixes for Fast Connect

🛠️ Type Of Change

These types will increment the version number on release:

• Fix
• Feature
• Performance Improvement
• Refactor

📖 Jira Ticket

DP-119841

📖 Description

Some features needed for Fast Connect, and a bug fix.

• Adds "open" prop to Hovercard, to allow to programmatically open / close the hovercard, works like the "open" prop for the Popover component

• Fixes a bug that happened when hovering mentions that are close.
  To fix this I removed the special behavior for the timer, that when changing from one hovercard to another would reduce the delay. I think it doesn't have a noticeable impact for the user and it was causing the hovercard to change to another one when passing through a mention, making it imposible to access the buttons for this case:

Before	Now

• Adds enterDelay and leaveDelay params

💡 Context

This is for the Launchathon of Fast Connect: https://www.figma.com/design/gOHiwlDi8bkaV2rkDeR0NP/Fast-Connect?node-id=4921-60460&p=f&t=8uDpFPXJuc88aZzI-0

[github-actions]

Please add either the visual-test-ready or no-visual-test label to this PR depending on whether you want to run visual tests or not.
It is recommended to run visual tests if your PR changes any UI. ‼️

[juliodialpad]

Hovercard changes look good, please check my comment about the popover changes.

[juliodialpad]

I don't like using 'hovercard' for naming stuff inside popover component makes me feel like we're mixing two components, Hovercard should be extending the popover, but we shouldn't need to modify the popover itself

[braddialpad]

I think it should be possible to pass in listeners from the hovercard component and then use v-sync / v-model to manage the "open" prop. Let me know if there is some blocker I am not seeing.

[ninamarina]

Absolutely agree. I will do those changes in this ticket https://dialpad.atlassian.net/browse/DLT-2245

[juliodialpad]

Don't forgot to update the docs on the HoverCard component page

[braddialpad]

I'm okay with you merging this and then fixing it later since this works, and is probably a blocker for your launch-a-thon team, but I agree with @juliodialpad that it would be ideal to have all hovercard logic in the hovercard component and we should try to do that. I realize popover is a very complicated component and it might take a while.

[braddialpad]

I think it should be possible to pass in listeners from the hovercard component and then use v-sync / v-model to manage the "open" prop. Let me know if there is some blocker I am not seeing.

[github-actions]

✔️ Deploy previews ready!
😎 Dialtone preview: https://dialtone.dialpad.com/deploy-previews/pr-597/
😎 Dialtone-vue 2 preview: https://dialtone.dialpad.com/vue/deploy-previews/pr-597/
😎 Dialtone-vue 3 the preview: https://dialtone.dialpad.com/vue3/deploy-previews/pr-597/

[ninamarina]

I'm okay with you merging this and then fixing it later since this works, and is probably a blocker for your launch-a-thon team, but I agree with @juliodialpad that it would be ideal to have all hovercard logic in the hovercard component and we should try to do that. I realize popover is a very complicated component and it might take a while.

I created this ticket and added it to the next sprint: https://dialpad.atlassian.net/browse/DLT-2245. Thanks!

Created a ticket to address the suggestions