[Auto Suggest] Look and Feel changes

[paulstn]

Description

Videos

Light Mode:

Screen.Recording.2024-09-04.at.2.38.27.PM.mov

Dark Mode:

Screen.Recording.2024-09-04.at.2.41.26.PM.mov

Changes

Keeping the suggestion window open

This PR aims to keep the suggestion window open as long as possible by doing the following three things:

1. Triggers the suggestion window to open whenever the editor is 'focused' (clicked on)
2. Triggers the suggestion window after the user types a space
3. Triggers the suggestion window after a suggestion has been chosen, thereby showing the next suggested option immediately

Part of the behavior that already exists is that the suggestion window will close when the user presses ESC

User hints below suggestions

This change appends user hints below the suggestion window: Tab to insert, ESC to close window. It does this through scss

DQL Operators

AND, OR, and NOT have been distinguished as operators - the details and the icon have been changed

Also, DQL Autocomplete was modified slightly to work better with change number 3. PPL and SQL will also have to be modified, because currently the cursor is still sitting on the previous word so the next suggestions aren't available until a space is put.

Changelog

• feat: Keep Autocomplete suggestion window open and put user hints below the suggestion window

[codecov]

Codecov Report

Attention: Patch coverage is 60.00000% with 4 lines in your changes missing coverage. Please review.

Project coverage is 60.58%. Comparing base (7b83b57) to head (ca571d0).
Report is 4 commits behind head on main.

Files with missing lines	Patch %	Lines
...ashboards_react/public/code_editor/code_editor.tsx	0.00%	3 Missing ⚠️
...c/plugins/data/public/antlr/dql/code_completion.ts	85.71%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7991      +/-   ##
==========================================
- Coverage   60.58%   60.58%   -0.01%     
==========================================
  Files        3732     3732              
  Lines       88427    88436       +9     
  Branches    13701    13703       +2     
==========================================
+ Hits        53577    53582       +5     
- Misses      31591    31594       +3     
- Partials     3259     3260       +1     

Flag	Coverage Δ
Linux_1	28.75% <0.00%> (-0.01%)	⬇️
Linux_2	56.26% <ø> (ø)
Linux_3	37.45% <85.71%> (+<0.01%)	⬆️
Linux_4	29.64% <0.00%> (-0.01%)	⬇️
Windows_1	28.77% <0.00%> (-0.01%)	⬇️
Windows_2	56.21% <ø> (ø)
Windows_3	37.45% <85.71%> (+0.01%)	⬆️
Windows_4	29.64% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

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

[ashwin-pc]

Nice!