Commit Graph

4400 Commits

Author SHA1 Message Date
Tobias Skarhed
0107754da8
Select: Add orange indicator to selected item (#88695)
* Initial experiment

* Add pill and underline

* Text decoration for hover

* Only set underline on the title

* Remove underline from hover

* Remove underline alltogether
2024-06-17 10:39:28 +02:00
Adela Almasan
c3b772618a
Tooltip: Add tooltip support to Histogram (#89196)
Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2024-06-14 11:23:25 -05:00
Ashley Harrison
7c5c01cb6c
Chore: Tidy up more font-awesome SCSS (#89207)
* migrate pull-right/pull-left

* remove fa-rotate and fa-flip

* remove _stacked

* remove font-awesome _list

* remove font-awesome _larger

* remove fa fixed-width

* remove fa animated styles

* move sr-only to global styles

* condense remaining font-awesome stuff into 1 file

* extract out spin animation into util folder
2024-06-14 11:35:32 +01:00
grafana-delivery-bot[bot]
40e3601982
Release: Bump version to 11.2.0-pre (#89184)
* "Release: Updated versions in package to 11.2.0-pre"

* fix newline

---------

Co-authored-by: grafana-delivery-bot[bot] <132647405+grafana-delivery-bot[bot]@users.noreply.github.com>
Co-authored-by: Kevin Minehart <kmineh0151@gmail.com>
2024-06-13 15:08:07 -05:00
Tobias Skarhed
5e2f08de31
New Select: Initial scaffolding (#89114)
* Initial scaffolding

* Extend props from Input

* Rename to Combobox

* Use search icon

* Remove use of SelectableValue

* Remove unused import

* Memoize
2024-06-13 13:41:14 +02:00
Drew Slobodnjak
2fcc4d8cd7
Table: Fix row count during filter (#89004)
* Table: Fix row count during filter

* Fix pagination ranges
2024-06-12 13:54:39 -07:00
Ashley Harrison
13d00e09ab
Chore: Migrate some more SCSS to emotion (#89038)
* migrate section-heading

* move fonts to global styles

* migrate code styles to emotion globals

* migrate spacings styles and leave some in angular

* padding should be 2 here not 1
2024-06-12 14:46:20 +01:00
Galen Kistler
1f967a89b6
Frontend: InteractiveTable fix - prevent styles from leaking into tables added in expanded rows (#88948)
* fix: prevent styles from leaking into tables added in expanded rows
2024-06-11 06:40:29 -05:00
Ashley Harrison
09dfdef378
Calendar: Add labels for next/previous month (#89019)
add labels for next/previous month
2024-06-11 11:49:02 +01:00
Ashley Harrison
06c30ee165
Chore: Migrate more SCSS styles (#88780)
* remove animations mixins

* move drop and drop-element to angular file

* migrate submenu scss
2024-06-10 16:10:54 +01:00
Juan Cabanas
03a000e1b5
ConfirmModal: Reuse confirm content (#88577) 2024-06-10 11:14:25 -03:00
Kyle Cunningham
8aa1bbe27c
Table Panel: Enable text wrapping (#86895)
* Calculate row height

* Move things around

* Update getItemSize to use text bounding box

* Update types

* Cleanups and reminders

* Calculate line height

* Update line height calculation

* Remove debugging

* Add cell option editing

* Prettier

* Use field configured for text wrapping

* Add TODO

* Make sure column configuration is correct

* Update height heuristic and hover behavior

* Disable overflow on hover with text wrapping

* Update heuristic

* Clean things up

* Color background cell options

* Fix tests

* Prettier

* React deps

* Remove old hook dep

* Fix type errors

* Update label and description for editor

* Fix non-wrapped case

* Make sure color background works

* Prettier

* Address review comments

* fix prettier

* Add heuristic for field sizing

* Fix up logic

* Prettier

* Fix test

* Oh prettier 🙈

* Don't wrap text on non-string fields

* Add wrapping to color text cell

* Prettier

* Fix option not showing for auto cell type

* Move longest field guessing into function

* Clean things up

* Add tests

* Make sure text won't flake

* Prettier

* Remove spurious import

* Ignore any in this case

* Add alpha label

* Prettier

* Fix typecheck

* Fix crash when sampling when there are undefined records

* Update heuristic to take into account long strings

* Prettier

* Update scale factors

* Update field index selection

* Prettier

---------

Co-authored-by: jev forsberg <jev.forsberg@grafana.com>
Co-authored-by: nmarrs <nathanielmarrs@gmail.com>
2024-06-07 23:15:33 +07:00
Jack Westbrook
0e73c4d387
Storybook: Bump to 8.1.6 (#88899)
* chore(storybook): bump to latest 8.1.6

* chore(yarn): dedupe yarn.lock post storybook update

* chore(typescript): align react types across repo
2024-06-07 14:31:31 +02:00
Ashley Harrison
5f33943397
Select: Revert "preserving custom value" changes (#88856)
* revert Select changes as we can handle it outside of the base select component

* update scenes

* update scenes properly

* revert changes to azure-monitor e2e tests
2024-06-06 17:33:31 +01:00
Adela Almasan
3ad03d869d
VizTooltip: Allow setting the maxWidth option (#88652) 2024-06-06 11:20:58 -05:00
Joao Silva
a23174849c
TimePicker: Fix bug where recent timeranges is cut off (#88795) 2024-06-06 10:49:59 +01:00
Andre Pereira
277067ac9d
AnnotationsPlugin2: Implement support for rectangular annotations in Heatmap (#88107)
Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2024-06-05 16:48:37 -05:00
renovate[bot]
8dcbd74803
Update dependency rc-drawer to v7.2.0 (#88785)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-06-05 16:03:06 +01:00
renovate[bot]
1ceb9e8e9d Update babel monorepo to v7.24.7 2024-06-05 14:14:01 +00:00
Ashley Harrison
2297687ae1
Chore: Ensure all react-transition-group animations use nodeRef (#88604)
* ensure all react-transition-group animations pass nodeRef

* clone children instead of wrapping in div

* remove div wrapper

* revert back to div
2024-06-05 15:01:50 +01:00
renovate[bot]
0188fc3e1f
Update dependency rc-cascader to v3.26.0 (#88777)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-06-05 14:52:25 +01:00
renovate[bot]
cd5f485df7 Update dependency tslib to v2.6.3 2024-06-05 10:08:51 +00:00
renovate[bot]
4443438fab Update dependency @types/node to v20.14.2 2024-06-05 09:48:36 +00:00
Ihor Yeromin
618c51e193
Stat: Cut the top of the chart issue (#88640)
* fix(stat): update config on range change
2024-06-04 19:09:10 +02:00
Ryan Watts
f1dce0c7d7
XYChart: Use same auto-ranging logic for X and Y axes (#88584) 2024-06-04 11:58:59 -05:00
renovate[bot]
d4c28aa757
Update dependency @types/react-highlight-words to v0.20.0 (#88693)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-06-04 14:54:22 +01:00
renovate[bot]
b8cd5bb57c
Update dependency @types/node to v20.14.1 (#88689)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-06-04 13:58:08 +01:00
Ashley Harrison
1cb701c304
Chore: Move Switch SCSS to emotion/angular (#88553)
move switch scss to emotion/angular
2024-06-04 09:34:38 +01:00
Oscar Kilhed
0f89f4b2d2
Grafana UI: stop input element of the react select component from overflowing and causing layout issues. (#88372)
* Grafana UI: stop input element of the react select component from overflowing the input container

* update snapshot since the css changed

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-06-04 10:13:43 +02:00
Ashley Harrison
16099c9913
Drawer: Fix overflow to stop drag handle being cut off (#88500)
fix drawer overflow to stop drag handle being cut off
2024-06-03 15:35:46 +01:00
Leon Sorokin
a257b74d6e
TooltipPlugin: Fix console error when data updates while anchored (#88546) 2024-05-31 13:17:54 -05:00
Ashley Harrison
8811c14aeb
AdHoc filters: add support for groups in adhoc filters + fix group styling (#88430)
add support for groups in adhoc filters + fix group styling
2024-05-31 11:04:19 +01:00
Ashley Harrison
8c88f605e4
Chore: Migrate some more scss styles (#88484)
* migrate some more styles

* migrate typeahead styles

* migrate tagsinput styles
2024-05-31 10:04:25 +01:00
Nick Richmond
fddf77ee35
CodeEditor: Fix broken styles (#88495)
* fix: remove erroneous container

* fix: update selector

* fix: pass data attrs via `wrapperProps`

* fix: ensure `toBeInTheDocument` checks have unique markup
2024-05-30 20:34:00 +03:00
renovate[bot]
fabed77d1f Update dependency css-loader to v7.1.2 2024-05-30 12:44:55 +00:00
renovate[bot]
4b62be37f5 Update dependency core-js to v3.37.1 2024-05-30 12:11:46 +00:00
renovate[bot]
0c572e8db7 Update dependency @types/node to v20.12.13 2024-05-30 10:45:34 +00:00
renovate[bot]
c5c38b57c4 Update dependency @types/lodash to v4.17.4 2024-05-30 09:52:46 +00:00
Kyle Cunningham
f5346e3e2a
Table Panel: Move inspector into drawer component (#88196)
* Move inspector into drawer component

* Fix up naming

* fix betterer lint issue

---------

Co-authored-by: nmarrs <nathanielmarrs@gmail.com>
2024-05-30 03:33:05 +07:00
Nick Richmond
7334f71e09
CodeEditor: Improved styles when the code editor is loading (#88102)
* fix: monaco loading state

* chore: betterer

* test: leverage e2e selectors

* refactor: prefer HOC to wrap with testid

* refactor: add clarity

* docs: add clarity

* refactor: loading messaging

* test: rename vars to improve clarity

* test: rename vars to improve clarity
2024-05-29 15:55:18 -04:00
renovate[bot]
2d18de7e84
Update dependency @floating-ui/react to v0.26.16 (#88409)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-29 12:28:26 +03:00
Tobias Skarhed
06304894a1
Dashboard: Keyboard and mouse panel shortcuts improvement (#87317)
* Add custom attention state to dashboard

* Add attention state to DashboardGrid

* Remove old functionality

* Add attention state to keybindingSrv

* Create PanelAttentionService

* Add PanelAttentionService with scenes support

* Remove unused code

* Use viz panel key instead of VizPanel

* Add type assertion

* Add e2e test

* Update comments

* Use panel id for non-scenes use case

* Support undefined service use case

* Memoize singleton call

* Debounce mouseover

* Set panelAttention with appEvents

* Use AppEvents for Scenes

* Remove panelAttentionSrv

* Wait in e2e to handle debounce

* Move subscription to KeybindingSrv

* Remove imports and reset keyboardShortcuts from main

* Fix on* event handlers
2024-05-29 09:11:23 +02:00
Alex Khomenko
c4aca053e5
DateTimePicker: Return cleared value in onChange (#88377)
* DateTimePicker: Return cleared value in onChange

* Update story
2024-05-28 17:11:15 +03:00
Ashley Harrison
ecfe50439b
Chore: Remove last of the SCSS from grafana/ui (#88302)
* remove last of scss from grafana/ui

* add comment about legacySelect classes
2024-05-28 14:58:51 +01:00
Ashley Harrison
b4e49e3114
Select: Ensure screenreader correctly narrates options (#88118)
* replace select aria-label with data-testid

* update in copy pasted places as well

* update plugin-e2e to 1.2.2
2024-05-28 14:51:47 +01:00
Ashley Harrison
f1dbe39533
Chore: Improve typings (#88282)
* remove some type assertions

* some more type assertion fixes

* nicer

* shortcircuit while loop when hitting something that isn't an HTMLElement
2024-05-28 13:20:57 +01:00
Tobias Skarhed
c8ab138dbf
TimeRangePicker: Use native scrollbar (#88327)
* Use native scrollbar

* Native overflow scroll

* Fix feedback

* Make scrollbars thin
2024-05-28 13:41:31 +02:00
Ashley Harrison
7e25ff5756
Select: Support option groups in virtualised Selects (#88232)
* change select group headers to always be visible

* remove unnecessary SelectOptionGroup

* hacky change to work with virtualised lists

* undo this change

* add top border

* remove children from the category header

* don't virtualize story

* bit of renaming

* comments

* add new story for virtualized options
2024-05-28 10:49:43 +01:00
Joao Silva
45faefa8b3
TimeRangePicker: Allow users to navigate quick ranges with arrows instead of Tab (#88138) 2024-05-27 10:33:53 +01:00
Drew Slobodnjak
14957953db
Stat: Add percent change color modes (#88205)
* Stat: Add percent change color modes

* Apply color mode to percent change component

* Remove todo

* Create percent change color function and add tests

* drew08t/stat-percent-change-color-modes/ maybe fix import error?

---------

Co-authored-by: jev forsberg <jev.forsberg@grafana.com>
2024-05-24 14:45:02 -07:00