Commit Graph

4514 Commits

Author SHA1 Message Date
Ashley Harrison
47f8717149
React: Use new JSX transform (#88802)
* update eslint, tsconfig + esbuild to handle new jsx transform

* remove thing that breaks the new jsx transform

* remove react imports

* adjust grafana-icons build

* is this the correct syntax?

* try this

* well this was much easier than expected...

* change grafana-plugin-configs webpack config

* fixes

* fix lockfile

* fix 2 more violations

* use path.resolve instead of require.resolve

* remove react import

* fix react imports

* more fixes

* remove React import

* remove import React from docs

* remove another react import
2024-06-25 12:43:47 +01:00
Alex Khomenko
a9aba2b42f
TimeRangePicker: Add weekStart prop (#89650)
* TimeRangePicker: Add weekStart prop

* Set week start from config

* Use week start from dashboard

* Revert

* Add comment

* Tweak comment

* Add WeekStart type
2024-06-25 14:22:55 +03:00
Laura Fernández
fd96edaef7
POC: Disable ConfirmButton (#89539) 2024-06-25 09:42:18 +02:00
Ashley Harrison
7d8afd9578
Tab: Improve accessible name (#89602)
* replace aria-label selector with data-testid

* fix unit tests

* fix e2e selectors

* fix last unit test

* fix e2e tests

* fix casing

* fix e2e test

* fix casing
2024-06-24 17:48:26 +01:00
Ashley Harrison
7939745411
Chore: SCSS cleanup (#89563)
* fix fonts loading from CDN

* migrate font-awesome styles to emotion globals

* fix font-awesome rendering

* remove storybook scss overrides

* fix storybook theme imports
2024-06-24 11:42:16 +01:00
ismail simsek
dd15c825f0
Chore: Export SelectMenuOptions (#89546)
export SelectMenuOptions
2024-06-21 17:00:07 +02:00
Ashley Harrison
3c15781788
Panel: Fix text aliasing bug when panel is loading (#89538)
* place loading bar animation in its own stacking context to prevent aliasing of text

* add comment
2024-06-21 14:40:51 +01:00
Ashley Harrison
be65aaf5dc
Chore: Clean up some more old SCSS (#89404)
* remove/migrate normalize.scss

* fix typo

* migrate _add_data_source styles

* migrate panel-header styles

* migrate slate styles to emotion globals

* put back a couple of classes used by external plugins
2024-06-21 10:03:57 +01:00
Tobias Skarhed
924a94cf80
New Select: Use virtual list (#89290)
* use react-virtual

* Render story with 100k items

* Dyanmic height and TanStack

* Remove weird item

* Add numberOfOptions to story

* Update class name

* Update class name
2024-06-20 16:51:17 +03:00
Tobias Skarhed
df987fe2e5
PanelChrome: Use labelledby for accessible title (#88781)
* Add labelledby to PanelChrome

* Fix React's subpar useId

* No labelledby if there is no title
2024-06-20 09:43:46 +02:00
Kyle Cunningham
5d328983a1
Table: Don't wrap text labels for gauge cells (#88005)
Don't wrap text

Co-authored-by: nmarrs <nathanielmarrs@gmail.com>
2024-06-19 19:12:11 +03:00
Tobias Skarhed
4a74330a09
TimeRangePicker: Improve screen reader support (#89409)
* Aria-expanded and tabs

* Remove weird prop

* Remove unused import

* Fix padding

* Use useId
2024-06-19 16:45:05 +02:00
Ashley Harrison
ceaf510a7d
Chore: SCSS cleanup (#89355)
* remove/migrate normalize.scss

* fix typo

* migrate _explore styles

* make json-formatter styles global
2024-06-19 13:28:00 +01:00
Kyle Cunningham
3776c44c33
Table component: Fix sub-table rows not displaying correctly (#89082)
* Fix expanded height issue

* Prettier

* 🙅‍♂️ to console.log
2024-06-18 03:19:00 +07:00
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
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