Commit Graph

4470 Commits

Author SHA1 Message Date
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
renovate[bot]
d843209ee4 Update babel monorepo to v7.24.6 2024-05-24 18:13:19 +00:00
renovate[bot]
9f23e9a53b Update React Aria 2024-05-24 16:28:31 +00:00
Agnès Toulet
f866157f99
Page: add scrollbar ID to use in image renderer (#88214) 2024-05-24 17:28:43 +02:00
Domas
60f9817303
ButtonSelect: Render option custom component (#88272)
allow providing custom component to button select
2024-05-24 14:38:59 +03:00
Alex Khomenko
69108d3cac
DateTimePicker: Add clearable prop (#88215)
* DateTimePicker: Add clearable prop

* Docs/story

* Separate func

* Cleanup

* Remove disabled style
2024-05-23 18:21:25 +03:00
Ashley Harrison
c706166a24
Select: Change Select group headers to always be visible (#88178)
* change select group headers to always be visible

* remove unnecessary SelectOptionGroup

* add top border
2024-05-22 20:25:27 +03:00
Tobias Skarhed
fb1acb45a2
Search: Announce to screen reader when query returns no result (#87382)
* Add alert role to not-found variant

* Provide role prop and apply for two cases
2024-05-22 14:15:56 +02:00
Ashley Harrison
3800b97a5b
Chore: Clean up some @grafana/ui SCSS (#87986)
* clean up drawer and slider styles

* clean up cascader styles
2024-05-20 12:51:34 +01:00
Ashley Harrison
429bcbe67f
Select: Preserve value when allowCustomValue is set (#87843)
* initial working poc with some better types

* move logic inside SelectBase

* add unit tests

* cleaner logic

* simpler

* update comments

* more comments

* use onMenuClose

* undo changes to cleanValue

* fix unit tests

---------

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
2024-05-20 11:01:38 +01:00
Joao Silva
cf407fe8de
Button: Allow disabled button to still be focused (#87516) 2024-05-20 10:39:52 +01:00
Ashley Harrison
1af4256a7c
Switch: Improve disabled active state (#87694)
* add subtle active disabled state + fix story

* make toggle disabled color when disabled

* add icon in checked state

* undo placement changes

* readd positioning changes

* remove extra css
2024-05-15 16:50:24 +01:00
Torkel Ödegaard
ce18b2f983
Dropdown: Fixes missing calls to onVisibilityChange causing wrong caret states (#87923) 2024-05-15 17:07:59 +02:00
Dominik Prokop
fa63e03df3
MultiSelect: Respect value passed to the component regardless of custom value being allowed or not (#87906)
* MultiSelect: Respect value passed to the component regardless of custom value being allowed or not

* reset input for test

---------

Co-authored-by: Gilles De Mey <gilles.de.mey@gmail.com>
2024-05-15 16:24:30 +02:00
Jack Westbrook
65b2834420
Grafana UI: Bump to Storybook 8 (#87722)
* chore(storybook): run yarn dlx storybook@latest upgrade

* chore(storybook): remove storybook/blocks patch

* chore(yarn): clean up storybook dependencies

* feat(storybook): migrate to v8 config via migration codemods

* refactor(storybook): update stories to use v8 types via codemod

* refactor(storybook): update stories to use preview-api instead of client-api

* refactor(storybook): replace mdx usage of ArgsTable with PureArgsTable

* refactor(storybook): migrate remaining mdx files to v8 storybook/blocks api

* refactor(storybook): clean up mdx imports and blocks component names

* chore(storybook): clean up typescript configuration

* fix(frontend): align types/react versions across monorepo so grafana ui can be built

* fix(storybook): pub back react-docgen-typescript and use ArgTypes so props tables work

* chore(storybook): patch blocks package to expose Preview component

* revert(storybook): revert changes related to using Canvas component in mdx files

* Storybook upgrade: Fix icon typing (#87793)

fix iconOptions typing

* refactor(storybook): prefer as const over asserting types

* revert(storybook): put back correct case in box.mdx

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-05-15 15:49:00 +02:00
Alex Khomenko
6c1e9a9717
Grafana/ui: Update IconRenderer (#87914) 2024-05-15 16:27:05 +03:00
Ivana Huckova
f99c722ecf
FeatureBadge: Update FeatureBadge to support current release stages (#87555)
* FeatureBadge: Update avalaiable FeatureState

* Move to separate folder

* Add private preview state
2024-05-14 18:58:47 +03:00
Dominik Prokop
c747e344bf
SelectMenu: Fix potential undefined problem (#87835) 2024-05-14 18:16:00 +03:00
Fabrizio
bd4e9d102b Update version to 11.0.0 2024-05-14 12:54:11 +02:00
Ashley Harrison
a7a503501a
Select: Ensure virtualised menu scrolls active option into view when using arrow keys (#87743)
scroll option into view whenever current focusedIndex changes
2024-05-14 10:36:28 +01:00
Tobias Skarhed
aa7a01a87e
TimeRangePicker: Announce to screen reader when time range is updated (#87692)
Add aria live to TimeRangePicker
2024-05-14 10:20:15 +02:00
renovate[bot]
02e0ece87d Update dependency rimraf to v5.0.7 2024-05-13 11:25:12 +00:00
renovate[bot]
0597265344 Update dependency immutable to v4.3.6 2024-05-13 11:04:06 +00:00
Ashley Harrison
9bf3adabd8
Spinner: Change spinner icon when prefers-reduced-motion is set (#87641)
* change spinner icon when prefers-reduced-motion is set

* update mock

* remove outdated comment

* fix matchMedia mocks

* update spinner aria label
2024-05-13 11:32:02 +01:00
Ashley Harrison
2cdb7d923f
EmptyState: Don't apply animation when prefers-reduced-motion is set (#87638)
* don't apply animation when prefers-reduced-motion is set

* bail quicker

* early return
2024-05-13 10:48:41 +01:00
renovate[bot]
1983043b71
Update dependency @floating-ui/react to v0.26.14 (#87690)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-13 11:42:58 +03:00
Adela Almasan
f706c78ea1
Chore: Refactor tooltip scrollable prop (#87671) 2024-05-11 03:19:42 +03:00
Domas
708bcda76a
VizLegend: Represent line style in series legend and tooltip (#87558)
* wip

* aand finished

* remove console log

* use css for styling

* user boerder for solid as well

* misc fixes

* attempt css based approach

---------

Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2024-05-10 21:27:09 +03:00
Leon Sorokin
f43ed7e6d7
BarChart: Refactor and VizTooltip fixes (#87160)
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
2024-05-10 12:58:53 -05:00
renovate[bot]
8bfd7e5106
Update dependency @types/react-test-renderer to v18.3.0 (#87649)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-10 19:29:46 +03:00
renovate[bot]
0793a9033a
Update dependency @types/lodash to v4.17.1 (#87419)
* Update dependency @types/lodash to v4.17.1

* fix grafana-data

* simpler grafana-data fix

* simpler code

* commit a betterer crime (it was already doing this implicitly before...)

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gábor Farkas <gabor.farkas@gmail.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-05-10 13:56:27 +01:00
Tobias Skarhed
fa95b41715
TimeSeries: Improve keyboard focus and fix spacebar override (#86848)
* Make GrpahNG focusable

* Move to VizLayout instead

* Update uPlot plugins for better keyboard support

* Remove unrelated changes

* different fix

---------

Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2024-05-10 14:07:12 +02:00
Torkel Ödegaard
459673b539
Dropdown: Fixes double call to onVisibilityChange (#87607)
* Dropdown: Fixes double call to onVisibilityChange

* Update

* update
2024-05-10 14:06:53 +02:00
Adela Almasan
3d56257b34
Timeseries: Fix incorrect threshold style (#87521) 2024-05-08 23:14:43 +03:00
renovate[bot]
04ce2d2f5a Update dependency @types/prismjs to v1.26.4 2024-05-08 14:53:35 +00:00
renovate[bot]
98435a67f5 Update dependency @types/node to v20.12.11 2024-05-08 16:08:44 +02:00
renovate[bot]
3e2e06179e Update dependency @types/jquery to v3.5.30 2024-05-08 13:39:13 +00:00
Joao Silva
f32e4810ab
GrafanaUI: Add tabular prop to Text component for tabular numbers (#87440) 2024-05-08 14:03:21 +01:00
renovate[bot]
f1e5a02af5
Update dependency rc-cascader to v3.25.0 (#86045)
* Update dependency rc-cascader to v3.25.0

* fix type errors

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-05-08 15:24:01 +03:00
Tom Ratcliffe
a597300027
Chore: Allow MenuItems to have role=menuitem when URL is set (#86886)
Allow passing a role into a MenuItem component, and fallback to default behaviour if not passed
2024-05-07 13:12:02 +01:00
Ashley Harrison
37ef6df3b2
Chore: replace calls to defaultProps (#87310)
* replace calls to defaultProps

* make linksGetter optional
2024-05-07 10:07:16 +01:00
Fabrizio
f99d4ee92d
Tempo: Fix sorting for nested tables (#87214) 2024-05-06 10:41:47 +02:00
Adela Almasan
8a96fcedb2
XyChart: Fix legend (#87155) 2024-05-04 01:06:05 +03:00
renovate[bot]
b25f193be0 Update dependency @types/node to v20.12.8 2024-05-03 11:25:38 +00:00
Alex Khomenko
c4c313d20f
Grafana/ui: Update Button and IconButton components to accept icon as component (#87243)
* Saga-icons: Forward SVG attributes

* Icon prop as component

* Add IconRenderer

* Cleanup

* Fix types

* Update size prop

* Revert storybook

* Update IconButton
2024-05-03 09:22:22 +03:00
renovate[bot]
4d0a3de6fb
Update dependency @floating-ui/react to v0.26.13 (#87273)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-02 23:11:39 +01:00
renovate[bot]
79b5fb9f1f Update babel monorepo to v7.24.5 2024-05-02 18:10:10 +00:00
renovate[bot]
dd9fb83606
Update React Aria (#87253)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-02 17:27:29 +01:00
kay delaney
bc9010a95b
Scenes: Adjust styles to allow shrinking of variable selectors (#87085) 2024-05-02 16:23:29 +01:00
Torkel Ödegaard
281d785442
Select: Fixes issue preserving search term (input) when selecting a value (#87013) 2024-05-02 17:13:53 +02:00
Krishna Dhakal
deb6d27406
Core: Replace deprecated jest matcher toBeCalledWith (#86635)
* Replace depredated matcher from jest

* perform rechecks

---------

Co-authored-by: joshhunt <josh@trtr.co>
2024-05-01 15:33:26 +01:00
Alex Khomenko
7f1b2ef205
Select: Add data-testid to Input (#87105)
* Select: Add custom input component

* Forward data-testid

* Add input selector

* Props check
2024-04-30 14:04:58 +03:00
Ashley Harrison
c151a97110
Chore: Enable no-unreduced-motion and fix errors (#86572)
* enable `no-unreduced-motion` in betterer

* move all animation calls inside handleReducedMotion

* fix violations + enable rule

* update rule README

* remove unnecessary transition from <Collapse>

* remove handleReducedMotion utility and add handleMotion to theme

* update to use new theme value

* handle Dropdown and IconButton

* handle AppChromeMenu and update lint message

* keep rotation at a reduced speed

* handle DashboardLoading
2024-04-29 13:12:36 +01:00
Thomas Wikman
7fab894e9b
DateTimePicker: Alternate timezones now behave correctly (#86750)
* Add failing tests for timezone handling

* Fix `DateTimePicker.tsx` timezone handling

- Resolves `onBlur` issue
- Resolve Calendar and TimeOfDay issues
- Update test to cover different timezone

* Handle `console.warn` in test

* Handle `console.warn` in test #2

* Better handling of invalid date

When parsing date string with `dateTime`, adding a second `formatInput` aids in both parsing the actual string and avoid `console.warn` when `moment` reverts to be using `Date`.

* add more test cases

* Ash/proposed changes (#86854)

* simplify

* only need this change

* formatting

* const > let

* add test to ensure calendar is always showing the matching day

* separate state

* undo story changes

* update util function comments

* fix for selecting date in the calendar

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-04-29 10:46:44 +01:00
Alex Khomenko
8117aad9af
Stack: Add size props (#86900)
* Abstract sizing styles from Box

* Upd name

* Stack: Add sizing props

* Revert

* Update LoginServiceButtons
2024-04-26 08:17:16 +03:00
Darren Janeczek
ff761bb7d6
Tooltips: Ensure new viz tooltips are visible within modals (alternative solution) (#86716)
fix: ensure new viz tooltips are visible within modals

Co-authored-by: Leon Sorokin <leeoniya@gmail.com>
2024-04-25 16:27:24 -04:00
Erik Sundell
a3ef463499
Grafana packages: Remove E2E workspace (#86416)
* remove e2e package code and any code referencing it

* update code owners

* remove more references to e2e package

* remove unrelated file
2024-04-25 07:12:43 +02:00
Konrad Lalik
2db56b9c85
GrafanaUI: Add minWidth and maxWidth props to the Box component (#86607)
* Add minWidth and maxWidth props to the Box component

* Add height props, use theme spacing for sizing
2024-04-24 10:52:00 +02:00
Kyle Cunningham
37d086d49c
Table Panel: Fix images not showing on hover with multiple data links (#86732)
* Fix issue

* Prettier

* codeincarnate/image-table-fix/ lint

* Make linter happy by using div with role of button + improve a11y

---------

Co-authored-by: jev forsberg <jev.forsberg@grafana.com>
Co-authored-by: nmarrs <nathanielmarrs@gmail.com>
2024-04-23 23:03:24 +07:00
Ashley Harrison
a1321d17ca
TimeOfDayPicker: Fix text colours in light mode (#86771)
fix text colours in light mode
2024-04-23 14:50:42 +01:00
renovate[bot]
c849b6beaa
Update dependency react-i18next to v14 (#86753)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-23 11:11:25 +01:00
Thomas Wikman
99cbb5281c
Grafana UI: Add timezone selector to Storybook toolbar (#86703)
* Add timezone selector to Storybook toolbar

So that it's possible to preview how components that are using date functions, behave when timezone differs from browser/client.

* Re-order imports
2024-04-23 09:09:08 +01:00
renovate[bot]
6c777519d8
Update dependency style-loader to v4 (#86749)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-23 09:08:46 +01:00
renovate[bot]
579cf9bd7d
Update dependency esbuild to v0.20.2 (#76342)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-23 08:26:02 +01:00
renovate[bot]
41617b174e
Update dependency css-loader to v7 (#86711)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-23 07:28:32 +01:00
renovate[bot]
de92317fc7
Update dependency rc-slider to v10.6.2 (#86704)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-22 17:15:34 +01:00
renovate[bot]
7564d5cee7
Update dependency core-js to v3.37.0 (#86676)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-22 14:18:57 +01:00
renovate[bot]
e7fd2cb0fb Update dependency sass-loader to v14.2.1 2024-04-19 14:04:45 +00:00
Laura Fernández
913d7da3af
Grafana UI: Text.story.tsx - Replace VerticalGroup with Stack (#86584) 2024-04-19 16:01:24 +02:00
renovate[bot]
c2f3bf677d Update dependency @types/react to v18.2.79 2024-04-19 11:39:32 +00:00
Joao Silva
aa326423ed
ColorPicker: Improvements to story organization (#86539) 2024-04-19 11:58:20 +01:00
Laura Fernández
9878dfb7d9
Grafana UI: EmotionPerfTest - Replace VerticalGroup with Stack (#86588) 2024-04-19 12:55:04 +02:00
Laura Fernández
7404a631f6
GrafanaUI: PageToolbar.story.tsx - Replace VerticalGroup with Stack (#86581) 2024-04-19 12:54:20 +02:00
Ashley Harrison
21588ce7e2
EmptyState: Set a max width on the empty state component (#86569)
set a max width on the empty state component
2024-04-19 12:52:16 +02:00
Laura Fernández
c5ca90747d
Grafana UI: TagsInput.story.tsx - Delete unnecessary VerticalGroup (#86582) 2024-04-19 12:34:49 +02:00
Laura Fernández
bfb79d20ff
Grafana UI: Menu.story.tsx - Replace VerticalGroup with Stack (#86529) 2024-04-18 17:35:36 +02:00
Laura Fernández
e65669bc0d
Grafana UI: Checkbox.story.tsx - Replace VerticalGroupwith Stack (#86524) 2024-04-18 17:05:19 +02:00
Laura Fernández
18bd11ca6a
Grafana UI: TextLink.story.tsx - Replace VerticalGroup with Stack (#86526) 2024-04-18 16:37:48 +02:00
Laura Fernández
bbf4281d8d
Grafana UI: Dropdown.story.tsx - Replace VerticalGroup with Stack (#86521) 2024-04-18 16:13:08 +02:00
Ashley Harrison
07044309f1
EmptyState: Add completed variant (#86497)
* add 'completed' variant

* add central text alignment
2024-04-18 11:22:28 +01:00
Laura Fernández
bc07eedaa9
Grafana UI: Replace VerticalGroup with Stack on alerts documentation in Storybook (#86400) 2024-04-18 12:16:57 +02:00
Laura Fernández
6b21d12ce0
Grafana UI: FilterPopup- Replace VerticalGroup and HorizontalGroup with Stack (#86398) 2024-04-18 12:16:38 +02:00
Torkel Ödegaard
3870ecd2e0
RefreshPicker: Change running state to be less distracting (#86405)
RefreshPicker: Change running state to not change button variant to destructive
2024-04-18 05:46:43 +02:00
Darren Janeczek
53d2714a18
Tooltips: Ensure new viz tooltips are visible within modals (#86258)
fix: ensure new viz tooltips are visible within modals
2024-04-17 13:54:10 -04:00
Joao Silva
1997faf617
Select: Increase size of virtualized list options (#86444) 2024-04-17 17:01:21 +01:00
Tobias Skarhed
1c2065af60
PanelChrome: Improve accessibility landmark markup (#85863)
* Add section and use Text component to get h2 for panel

* Remove heading when collapsible

* Make button text truncate

* Update test

* Remove labelledby as it is not needed anymore

* Use testid selectors in test

* Remove async
2024-04-17 16:44:07 +02:00
Matias Chomicki
ec43edd8a1
Loki/Prometheus Query Editor: Disabled cmd/ctrl+f keybinding within the editor (#86418)
* Prom: disable cmd f within the editor

* Loki: disable cmd f within the editor

* Update public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx

Co-authored-by: Sven Grossmann <sven.grossmann@grafana.com>

* Monaco: upgrade to 0.34.1

* Loki/Prometheus: allow native search to be displayed

* Formatting

* Monaco: upgrade to 0.34.1

https://github.com/microsoft/monaco-editor/issues/102#issuecomment-1282897640

---------

Co-authored-by: Sven Grossmann <sven.grossmann@grafana.com>
2024-04-17 16:38:43 +02:00
Ashley Harrison
60abf01526
remove stray console.log (#86440) 2024-04-17 15:43:38 +02:00
Ashley Harrison
f99d5a1c1a
EmptyState: Add call-to-action variant (#85017)
* add default variant

* enhance story

* rename to "initial" + update docs

* default to showing a CTA

* use switch

* translations

* update and use LinkButton

* update default message

* rename "initial" to "nothing-here"

* update variant name to `call-to-action`

* i18n

* add CTA svg

* extract into its own component
2024-04-17 14:23:21 +01:00
Laura Fernández
f1de8940dc
Grafana UI: StackingEditor and addHideFrom - Replace HorizontalGroup with Stack (#86192) 2024-04-16 10:46:01 +02:00
Laura Fernández
82f910c0c5
Chore: Use handleReducedMotion to smooth the animation in LoadingBar (#85808) 2024-04-15 17:27:08 +02:00
renovate[bot]
2868264360
Update dependency @types/react-calendar to v4 (#86132)
* Update dependency @types/react-calendar to v4

* remove @types/react-calendar since it's no longer used

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-04-15 15:44:12 +02:00
renovate[bot]
6541be39d1 Update dependency @types/react to v18.2.78 2024-04-15 10:45:52 +00:00
renovate[bot]
fc6cad797d Update dependency @testing-library/react to v15.0.2 2024-04-15 09:42:14 +00:00
renovate[bot]
00daca7f43
Update dependency sass-loader to v14.2.0 (#86066)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-15 09:18:29 +01:00
Domas
54e1756b49
ButtonSelect: Respect isDisabled option property (#85954)
make buttonselect respect isDisabled
2024-04-15 10:13:39 +03:00
Torkel Ödegaard
31879f1f5a
useForceUpdate: Return stable function (#86094) 2024-04-15 09:13:16 +02:00
Laura Fernández
f3b814a024
Grafana UI: ToolbarButton.story.tsx - Replace HorizotalGroup and VerticalGroup with Stack (#86067) 2024-04-12 18:08:43 +02:00
renovate[bot]
c1b8ee8453 Update dependency typescript to v5.4.5 2024-04-12 15:06:30 +02:00
renovate[bot]
a5cd88c67e
Update dependency typescript to v5.4.3 (#84470)
* Update dependency typescript to v5.4.3

* refactor: solve TS errors

* refactor: update yarn.lock

* refactor: return type

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Laura Benz <laura.benz@grafana.com>
2024-04-12 14:46:47 +02:00
Ashley Harrison
b3401c802c
EmptyState: make "message" a required prop (#86029)
* make "message" a required prop on EmptyState

* run i18n:extract
2024-04-12 13:13:28 +01:00
renovate[bot]
c2a81f3020 Update react monorepo 2024-04-12 11:58:02 +00:00
renovate[bot]
63d63ea9fb Update dependency @testing-library/react to v15.0.1 2024-04-12 10:27:38 +00:00
renovate[bot]
51d5a4c8f2
Update dependency @testing-library/dom to v10 (#85958)
* Update dependency @testing-library/dom to v10

* update @testing-library/react as well

* fix unit tests

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-04-11 17:29:35 +02:00
Laura Fernández
2986273273
Grafana UI: CellActions - Replace HorizontalGroup with Stack (#85860) 2024-04-11 10:59:23 +02:00
renovate[bot]
1ed3dc22d5 Update react monorepo 2024-04-11 08:47:05 +00:00
renovate[bot]
8461310e36 Update dependency rc-cascader to v3.24.1 2024-04-11 08:27:47 +00:00
Laura Fernández
cd79fe1a7c
Grafana UI: ThemeDemo - Replace HorizontalGroup and VerticalGroup with Stack and Box (#85888) 2024-04-10 18:23:31 +02:00
renovate[bot]
b1ad46e426 Update dependency @types/node to v20.12.7 2024-04-10 15:26:09 +00:00
Ashley Harrison
3c69de6be5
Chore: removing some type assertions (#85839)
* fix some type assertions in loops

* some more cleanup

* some alerting fixes

* put comments in correct place to ignore rule

* couple more

* undo SilencesFilter changes
2024-04-10 14:54:31 +01:00
Laura Fernández
22d33bd354
Grafana UI: SecretTextArea - Replace HorizontalGroup with Stack and Box (#85849) 2024-04-10 13:41:02 +02:00
Laura Fernández
1dce01fdd7
Grafana UI: PanelChrome - Replace HorizontalGroup with Stack in documentation and stories (#85843) 2024-04-10 11:44:03 +02:00
renovate[bot]
0585b55bb1
Update dependency @floating-ui/react to v0.26.12 (#85842)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-10 12:26:02 +03:00
renovate[bot]
651223fe2d Update babel monorepo to v7.24.4 2024-04-10 09:06:54 +00:00
Ashley Harrison
bbf874b96d
ConfirmModal: Pressing enter in confirmation input now triggers primary action (#85812)
wrap confirm modal in a form
2024-04-10 09:22:22 +01:00
Laura Fernández
88f116e96b
CSS: use prefers-reduced-motion to let users skip animations (#85450) 2024-04-09 15:27:28 +02:00
Kristina
5305316f5a
Explore: Move Query History to be screen wide (#84321)
* WIP

* Use splitpanewrapper for drawer

* Get rich history pulling from multiple datasources

* highlight pane

* Fix datasource data handling

* create ds/explore map, move around ds lookup

* Handle no filters

* Fix tests and some errors

* Fix context menu issue

* (Poorly) enable scrolling, fix onClose to function

* Remove highlighting, use legacy key, fix casing

* fix filtering to handle non-simple data

* Fix linter, add translations

* Fixing tests~~

* Move to explore drawer and fix some more tests

* Kinda fix drawer stuff?

* Fix remaining card tests

* Fix test

* Fix tests

* Partially fix starred tab tests

* Fix integration tests

* Fix remaining tests 🤞

* Add a test and a clarifying comment behind a couple hooks

* Remove unused code

* Fix button styling and fix animation (but break width)

* Make Drawer using parent width (100%)

* Fix tests and some small catches

* Add tests for selectExploreDSMaps selector

---------

Co-authored-by: Piotr Jamroz <pm.jamroz@gmail.com>
2024-04-09 07:36:46 -05:00
Laura Fernández
00be24d6b3
Chore: Create handleReduceMotion util function to manage animations (#85785) 2024-04-09 13:10:37 +02:00
Laura Fernández
0bdb96552a
Grafana UI: Modal - Replace HorizontalGroup with Stack (#85756) 2024-04-09 10:31:11 +02:00
Laura Fernández
0e12f60ee6
Grafana UI: FilterPill.story.tsx - Replace HorizontalGroup with Stack (#85736) 2024-04-08 17:21:58 +02:00
Laura Fernández
f3fb083381
GrafanaUI: DateTimePicker - replace HorizontalGroup with Stack component (#85663) 2024-04-08 12:44:01 +02:00
Ashley Harrison
b3cff22db3
Chore: Improve types (#85659)
* fixing some types

* more type fixes

* few more

* last couple

* tiny tweak
2024-04-08 09:56:21 +01:00
Laura Fernández
9af259a0d6
GrafanaUI: ConfirmModal - replace HorizontalGroup with Stack and Box component (#85660) 2024-04-05 16:11:53 +02:00
Laura Fernández
362c95c606
Grafana UI: Button.story.tsx - Replace HorizontalGroup and VerticalGroup with Stack and Box (#85644) 2024-04-05 15:45:55 +02:00
Laura Fernández
661aaf352e
GrafanaUI: IconButton - replace HorizontalGroup and VerticalGroup with Stack component (#85639) 2024-04-05 12:03:57 +02:00
Kyle Cunningham
67045aa90c
Table Panel: Update background colors to respect transparency (#85565)
* Update background colors to respect alpha

* codeincarnate/fix-table-background/ lint

---------

Co-authored-by: jev forsberg <jev.forsberg@grafana.com>
2024-04-04 22:55:37 +07:00
Tobias Skarhed
f387cff836
Accessibility: Default Icon to aria-hidden (#84362)
* Icon: aria hide icon, unless a label is set

* Update doc

* Remove weird auto import

* Fix fialing tests

* Add recommendation for Tooltip

* Consider more aria attributes to support Tooltip

* Handle tabIndex and aria-hidden case

* Add comment about aria-label
2024-04-04 12:07:50 +02:00
Leon Sorokin
130d561924
Chore: Restore some removed UI components to reduce BC surface area (#85546) 2024-04-04 04:31:28 -05:00
Leon Sorokin
1522499c4a
VizTooltips: Remove remaining old bits (#85500)
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
2024-04-02 19:32:01 -05:00
Leon Sorokin
d601acac3a
VizTooltips: Remove old tooltips and annotations (#84420)
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
2024-04-02 15:32:46 -05:00
renovate[bot]
a360cf0c85
Update dependency @types/node to v20.12.2 (#85480)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-04-02 18:47:56 +03:00