Add voice message 'hold to record' tooltip

[jonnyandrew]

Type of change

• Feature
• Bugfix
• Technical
• Other :

Content

• Add 'hold to record' tooltip for voice message recorder.
• Add tooltip and tooltip positioning utils to design system library.

Motivation and context

• [Story] Voice messages ‘hold to record’ tooltip element-meta#2111

Screenshots / GIFs

Screen_recording_20231031_165833.webm

Tests

• Tap the record button

Tested devices

• Physical
• Emulator
• OS version(s): 13

Checklist

• Changes have been tested on an Android device or Android emulator with API 23
• UI change has been tested on both light and dark themes
• Accessibility has been taken into account. See https://github.com/vector-im/element-x-android/blob/develop/CONTRIBUTING.md#accessibility
• Pull request is based on the develop branch
• Pull request includes a new file under ./changelog.d. See https://github.com/vector-im/element-x-android/blob/develop/CONTRIBUTING.md#changelog
• Pull request includes screenshots or videos if containing UI changes
• Pull request includes a sign off
• You've made a self review of your PR

[jonnyandrew]

@callumu I used the stock tooltip component but this didn't allow me to add the arrow shape easily (screen recording in the PR description). Please can you let me know your thoughts?

[github-actions]

📱 Scan the QR code below to install the build (arm64 only) for this PR.

If you can't scan the QR code you can install the build via this link: https://i.diawi.com/TJNm5g

[callumu]

@callumu I used the stock tooltip component but this didn't allow me to add the arrow shape easily (screen recording in the PR description). Please can you let me know your thoughts?

Yep this is okay for now.

Can you ensure the text is body/sm/medium?

[jonnyandrew]

Thanks @callumu. I can confirm the font is body/sm/medium (configured here).

[codecov]

Codecov Report

Attention: 33 lines in your changes are missing coverage. Please review.

Comparison is base (d640b04) 63.47% compared to head (850431a) 63.67%.

❗ Current head 850431a differs from pull request most recent head 6c89588. Consider uploading reports for the commit 6c89588 to get more accurate results

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1710      +/-   ##
===========================================
+ Coverage    63.47%   63.67%   +0.20%     
===========================================
  Files         1282     1272      -10     
  Lines        33292    32989     -303     
  Branches      6886     6840      -46     
===========================================
- Hits         21131    21006     -125     
+ Misses        8977     8815     -162     
+ Partials      3184     3168      -16     

Files	Coverage Δ
...ystem/components/tooltip/ElementTooltipDefaults.kt	80.76% <80.76%> (ø)
...ries/designsystem/components/tooltip/TooltipBox.kt	58.33% <58.33%> (ø)
...es/designsystem/components/tooltip/PlainTooltip.kt	45.45% <45.45%> (ø)
.../libraries/textcomposer/components/RecordButton.kt	48.64% <51.42%> (+9.43%)	⬆️

... and 80 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jonnyandrew]

Although a bit flaky, this preview is working in Android Studio:

[jonnyandrew]

I have submitted a bug report to Google as I can reproduce this in a small sample: https://issuetracker.google.com/issues/308808808

Perhaps we can leave the broken screenshot here in the hope that it gets fixed upstream at some point.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication