Revert isMouseOutside changes in favor of mouseleave event listener

[denisborovikov]

The PR is an attempt to fix some edge-case bugs introduced after replacing mouseleave event listener with custom mouse outside position calculations.

Some thoughts are in discussion #126

The final fix doesn't change the layout of the tooltip in order to avoid breaking changes.

1. mouseleave listener reverted, isMouseOutside removed
2. New attribute added to the tooltip container, "data-popper-interactive" to display if the tooltip is interactive mode.
3. In CSS data-popper-interactive="true" is used to set pointer-events: none to the tooltip
4. pointer-events: none applied by default to the arrow element
5. Fix missing dependency called clearTimeout on every render rather than on unmount, should fix Scrolling causes overflowing issues #122

[denisborovikov]

@czabaj @mohsinulhaq please take a look, I'll update tests and readme later. I also think we should add an idea from #126 as an example to our examples section.

Maybe we should introduce the layout/offset feature as the next major update. I still think removing the offset option and move the offset completely to CSS is a better DX than we have now. Also, it helps in interactive mode.

[denisborovikov]

@czabaj I'm really sorry about removing a huge chunk of code you have written. It was a good experience anyway.

[codecov]

Codecov Report

Merging #127 (588ffd0) into master (2e6f325) will decrease coverage by 2.83%.
The diff coverage is 66.66%.

@@            Coverage Diff             @@
##           master     #127      +/-   ##
==========================================
- Coverage   94.01%   91.17%   -2.84%     
==========================================
  Files           2        2              
  Lines         167      136      -31     
  Branches       56       41      -15     
==========================================
- Hits          157      124      -33     
- Misses         10       12       +2     

Impacted Files	Coverage Δ
src/utils.ts	95.45% <ø> (-1.85%)	⬇️
src/usePopperTooltip.ts	90.35% <66.66%> (-2.73%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2e6f325...0398e81. Read the comment docs.

[czabaj]

@denisborovikov well, nobody likes bugs anyway - I'm open to the more bulletproof solution.

[mohsinulhaq]

Looks good to me.
And because of the pointer-events: none, we don't even need to revert back to [0, 7] offset anymore.

[denisborovikov]

I've updated the READMe and added a new attribute description. I think we can release this as non-breaking.

[yomansk8]

Hi @denisborovikov !
Thanks for the quick fix on this 🙏 Do you know when the next release including this fix will be available please ?

[mohsinulhaq]

@yomansk8 please check out v4.2.0