Commit Graph

1854 Commits

Author SHA1 Message Date
Torkel Ödegaard
3e55c967ee
Theming: Support for runtime theme switching and hooks for custom themes (#31301)
* WIP Custom themes

* Load custom themes from URL and via event

* Dynamic page background

* Header color change

* Fixing tests and emotion warnings

* Fixed test

* moving cx to getStyles

* Review fixes

* minor change
2021-02-20 09:02:06 +01:00
Torkel Ödegaard
ce63df425d
TimeSeriesPanel: Fixes overlapping time axis ticks (#31332)
* GraphNG: Fixes overlapping time axis ticks

* Review tweaks
2021-02-19 12:10:48 +01:00
Oscar Kilhed
aeb4bcb3ed
Grafana/UI: Add basic legend to the PieChart (#31278)
* Add basic legend to the PieChart

* Remove console log

* Remove PieChartWithLegend and refactor PieChart a bit

* Use FALLBACK_COLOR

* Refactor PieChart

* Change back to [function]
2021-02-19 11:49:40 +01:00
Uchechukwu Obasi
debb82e124
BarGuage: updates story from knobs to controls (#31223)
* BarGuage: updated story from knobs to controls

* fixes type errors and disables unused controls

* update controls to support some BarGauge props

* changed addBarGaugeStory to component and removed closure

* cleaned up to be more readable

* more refactoring to be readable

* final touches...

* fixed disabled controls issue

* moved NOOP_CONTROL declaration to a seperate PR

* made some tweaks to the story names
2021-02-18 16:03:56 +01:00
Uchechukwu Obasi
0e63dfafbe
ButtonCascader: updates story from knobs to controls (#31288)
* ButtonCascader: updates story from knobs to controls

* some nit fixes
2021-02-18 13:52:09 +01:00
Alex Khomenko
e932d5bb09
Grafana-UI: Update tooltip type (#31310) 2021-02-18 11:10:11 +02:00
Uchechukwu Obasi
14afa167f4
BigValue: updates story from knobs to controls (#31240)
* BigValue: updates story from knobs to controls

* some refactoring to make code more readable

* made some changes
2021-02-17 15:05:40 +01:00
Alex Khomenko
c21e45e428
Search: display sort metadata (#31167)
* Search: display metadata

* Search: update SortPicker icon

* Search: display folder meta data

* Search: reset sort picker on layout change

* Search: align tags in Card component

* Search: replace hyphen with dash

* Search: preserve sort state on layout change

* Search: update tests

* Search: fix tests

* Update pkg/services/search/hits.go

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>

* Update public/app/features/search/components/SearchItem.tsx

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>

* Update public/app/features/search/components/SearchItem.tsx

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>

* Update public/app/features/search/types.ts

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>

* Search: fix type error

* Search: add General folder name and adjust icon margin

Co-authored-by: Agnès Toulet <35176601+AgnesToulet@users.noreply.github.com>
2021-02-17 14:06:19 +02:00
Jack Westbrook
4b25310941
Chore: grafana-toolkit uses grafana-ui and grafana-data workspaces (#30701)
* chore(grafana-toolkit): use workspace versions of grafana/ui and grafana/data

* chore: replace references to popperjs 1 typings with popperjs 2 typings
2021-02-16 19:33:50 +01:00
Josh Hunt
85e186cf10
Grafana-UI: Add id to Select to make it easier to test (#31230)
* Prettier formatting

* Grafana-UI: Add support for id and inputId props to Select

* Grafana-UI: Add aria-label to Select

* Grafana-UI: InlineField and Field get ID from inputId prop

For Select

* Fix tests using TagFilter

* Update Select prop documentation

* Update Field tests to use screen instead

* Fix the last few tests
2021-02-16 16:19:55 +00:00
kay delaney
38daf0cba6
UI/Card: Fix handling of 'onClick' callback (#31225) 2021-02-16 13:11:37 +00:00
Torkel Ödegaard
4dfce12a81
TagsInput: Design update and component refactor (#31163)
* TagsInput: Design update and component refactor

* Update packages/grafana-ui/src/components/TagsInput/TagsInput.tsx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* Update packages/grafana-ui/src/components/TagsInput/TagsInput.tsx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* Update packages/grafana-ui/src/components/TagsInput/TagsInput.tsx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* Update packages/grafana-ui/src/components/TagsInput/TagsInput.tsx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* Updated

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2021-02-16 09:39:11 +01:00
Dominik Prokop
9c08b34e71
GraphNG: refactor core to class component (#30941)
* First attempt

* Get rid of time range as config invalidation dependency

* GraphNG class refactor

* Get rid of DataFrame dependency from Plot component, get rid of usePlotData context, rely on XYMatchers for data inspection from within plugins

* Bring back legend

* Fix Sparkline

* Fix Sparkline

* Sparkline update

* Explore update

* fix

* BarChart refactor to class

* Tweaks

* TS fix

* Fix tests

* Tests

* Update packages/grafana-ui/src/components/uPlot/utils.ts

* Update public/app/plugins/panel/timeseries/plugins/ContextMenuPlugin.tsx

* GraphNG: unified legend for BarChart, GraphNG & other uPlot based visualizations (#31175)

* Legend experiment

* Nits
2021-02-15 16:46:29 +01:00
Uchechukwu Obasi
100e7eb992
Alert: update story to use controls (#31145)
* Alert: updated story to use Controls

* updated some changes
2021-02-12 16:45:05 +01:00
Torkel Ödegaard
e38fc6939c
DataSourceSettings: Fixes add header button, it should not trigger a save & test action (#31135) 2021-02-11 15:22:44 +01:00
Torkel Ödegaard
cb5928fdb7
PieChart: Progress on new core pie chart (#28020)
Use visx for the Pie chart plugin.

Co-authored-by: Oscar Kilhed <oscar.kilhed@grafana.com>
2021-02-11 14:32:33 +01:00
Dominik Prokop
8d339a279b
Eslint: no-duplicate-imports rule (bump grafana-eslint-config) (#30989)
* Eslint: no-duplicate-imports rule (bump grafana-eslint-config)

* Chore: Fix duplicate imports (#31041)

* Rebased this branch into eslint-no-duplicate-imports

* updated some changes

* merged uncaught duplicate imports

* fixes frontend test- I hope

* fixes e2e test- I hope

Co-authored-by: Uchechukwu Obasi <obasiuche62@gmail.com>
2021-02-11 13:45:25 +01:00
Zoltán Bedi
cc463f30a4
Exemplars: Change CTA style (#30880)
* Exemplars: Change CTA style

* Address review feedbacks

* Fix table column aligning

* Minor alignments + uncontrolled component warning fix
2021-02-10 18:02:48 +01:00
Torkel Ödegaard
758d1386cd
DashboardSettings: Update to new form styles (#31022)
* DashboardSettings: Update to new form styles

* Improve header margin and fixing issue in permissions tab

* Updated

* Switch to radio

* Remove unused import
2021-02-09 20:41:07 +01:00
Hugo Häggmark
297ff9a168
DashboardLinks: Fixes crash when link has no title (#31008)
* DashboardLinks: Fixes crash when link misses title

* Chore: updates after PR comments
2021-02-09 15:46:56 +01:00
Ivana Huckova
c69c8bd47c
Explore: Remove emotion error when displaying logs (#31026)
* Remove emotion error

* Remove redundant context variable
2021-02-09 14:57:06 +01:00
Torkel Ödegaard
39d7ebc7d1
BarGauge: Improvements to value sizing and table inner width calculations (#30990)
* BarGauge: Increase min value width and fix height when setting manual text size

* updated snapshot

* Big improvement to bar gauge value sizing and fixing table gauge sizing

* removed unused const

* added a unit test
2021-02-09 14:18:08 +01:00
Uchechukwu Obasi
b4d51c9f68
ColorPicker: migrated styles from sass to emotion (#30909)
* ColorPicker: migrated styles from sass to emotion

* fixes frontend test

* updated some changes

* updated some changes

* fixed small import nits
2021-02-09 12:19:12 +01:00
Hugo Häggmark
bd28512d29
Graph: Fixes so graph is shown for non numeric time values (#30972)
* Graph: Fixes so graph is shown for non numeric time values

* Tests: changes times to UTC

* Tests: forgot one value in time array

* GraphNG: make time series panel work with string time stamps (#30981)

* Make Time series panel work with data that time is represented as string

* Map to for

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
2021-02-09 09:46:37 +01:00
Hugo Häggmark
f42bb84cbf
TextPanel: Fixes so panel title is updated when variables change (#30884)
* TextPanel: Fixes so panel title is updated when variables change

* Tests: fixes tests

* Chore: updates after PR comments
2021-02-09 06:05:34 +01:00
Oscar Kilhed
3a905847e8
Grafana/UI: Remove DismissableFeatureInfoBox and replace with LocalSt… (#30988)
* Grafana/UI: Remove DismissableFeatureInfoBox and replace with LocalStorageValueProvider
2021-02-08 16:12:05 +01:00
Torkel Ödegaard
907d3a2aac
StatPanel: Fixes issue formatting date values using unit option (#30979) 2021-02-08 15:30:20 +01:00
Torkel Ödegaard
f081df0a4f
Theme: Use higher order theme color variables rather then is light/dark logic (#30939) 2021-02-06 18:01:22 +01:00
Torkel Ödegaard
5cd41adc1e
Alerts: Update Alert storybook to show more states (#30908)
* Alert: Design update for alerts

* Before text color

* Text update

* reverted style changes

* Minor fix

* Updated snapshot
2021-02-05 09:19:09 +01:00
Hugo Häggmark
2a3aa95163
Variables: Adds queryparam formatting option (#30858)
* Variables: Adds queryparam formatting option

* Chore: fixes strict errors

* Chore: changes after PR comments
2021-02-05 07:16:06 +01:00
Torkel Ödegaard
56ef7c4a4c
DataSourceSettings: Adds info box and link to Grafana Cloud (#30891)
* Updated

* DataSourceSettings: Adds info box and link to Grafana Cloud

* Updated wording

* Less words

* use variables

* Fixing ts issues

* fixed import
2021-02-04 11:12:20 +01:00
Jack Westbrook
3066b38c5e
Grafana-ui: fixes closing modals with escape key (#30745)
* feat(grafana-ui): add an escape key listener to Modal

* Update packages/grafana-ui/src/components/Modal/Modal.tsx

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* feat(grafana-ui): add closeOnEscape prop to control Modal behaviour

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
2021-02-03 17:01:29 +01:00
Uchechukwu Obasi
1f66b5c7a9
Chart/Tooltip: refactored style declaration (#30824)
* Chart/Tooltip: added theme variables and refactored style declaration

* added some changes

* removed useStyle hook since we're not using themes variables

* Added useStyle back since it memoizes the style generation
2021-02-03 12:50:02 +01:00
Jack Westbrook
4f684cc498
Grafana-ui: fixes no data message in Table component (#30821)
* Wip

* fix(grafana-ui): add no data message to Table component
2021-02-03 10:09:07 +01:00
Nathan Rodman
9b4d4915b0
grafana/ui: Update pagination component for large number of pages (#30151) 2021-02-03 10:00:13 +01:00
Leon Sorokin
b5400922e2
BarChart: inside-align strokes, upgrade uPlot to 1.6.4. (#30806) 2021-02-02 11:49:45 -06:00
Oscar Kilhed
99acad4448
GrafanaUI: Add a way to persistently close InfoBox (#30716)
* GrafanaUI: Add a way to persistently close InfoBox

InfoBox and FeatureInfoBox can take up a lot of screen realestate. This makes it easy to let the user close the boxes.

* Migrate InfoBox story to controls
2021-02-02 15:16:31 +01:00
Uchechukwu Obasi
ffc6eda351
FormField: migrated sass styling to emotion (#30392)
* merged conflicts

* added and utilised useStyle hooks

* Fixes snapshot test

* FormField: added grow property to component

* added a carriage return to index.scss

* properly sort props so the required props are at the top

* removed the grow props since it's not used

* fixes frontend test- I hope
2021-02-02 09:58:50 +01:00
Alex Khomenko
eb83135ba9
Grafana-UI: Add story/docs for ErrorBoundary (#30304) 2021-02-02 09:50:00 +02:00
Dominik Prokop
820866e425
GraphNG: add bar alignment option (#30499)
* GraphNG: add bar alignment option

* Fix builders
2021-02-01 14:54:10 +01:00
Torkel Ödegaard
a3d765830e
Menu: Mark menu components as internal (#30740)
* Menu: Mark menu components are internal

* Update

* minor fix
2021-02-01 13:41:36 +01:00
Uchechukwu Obasi
2552fdb730
TableInputCSV: migrated styles from sass to emotion (#30554)
* TableInputCSV: migrated styles from sass to emotion

* placed the getSyles function at the end of the file

* made some changes

* fixes small nit

* fixes small nit

* replaced classNames with emotions cx function

* Replaced textarea with TextArea component

* updated some changes

* removed return type annotation

* fixed small import nit
2021-02-01 11:46:47 +01:00
Ryan McKinley
26b168f7eb
BarChart: add alpha bar chart panel (#30323) 2021-01-29 12:52:52 -08:00
Andreas Opferkuch
7d4c51459f
TagsInput: Make placeholder configurable (#30718)
PLUS
- width prop isn't actually used and thus might give users of this component the wrong idea, so I removed it from the type (and in `DataSourceHttpSettings`)
- Added storybook props table
2021-01-29 17:19:15 +01:00
Ryan McKinley
db9a8bf04a
Transform: improve the "outer join" performance/behavior (#30407) 2021-01-28 14:00:28 -08:00
Zoltán Bedi
4147c3b907
Trace: trace to logs design update (#30637)
* Add new icon to custom icons

* Show button in span detail
2021-01-28 11:32:02 +01:00
Torkel Ödegaard
02f8a139db
PanelEdit: Get rid of last remaining usage of navbar-button (#30682) 2021-01-27 20:10:03 +01:00
Alex Khomenko
aad7d495ec
Grafana-UI: Fix setting default value for MultiSelect (#30671)
* Grafana-ui: Default value to undefned vs empty array

* Grafana-ui: Remove log

* Grafana-ui: Update tests
2021-01-27 19:10:18 +02:00
Uchechukwu Obasi
d472c7820c
CustomScrollbar: migrated styles from sass to emotion (#30506)
* CustomScrollbar: migrated styles from sass to emotion

* fixes frontend test

* updated changes

* fixed page props and applied changes to all occurences

* moved the getStyles function to the bottom of the file

* made some changes

* fixed snapshot test

* Revert "Merge branch 'refactor-customscrollbar-30354' of https://github.com/grafana/grafana into refactor-customscrollbar-30354"

This reverts commit c45ee30b6b297991a1628e9b21c4121dc78e376c, reversing
changes made to d2645534e3.

* improved props name

* made use of theme variables for style consistency

* fixed snapshot test and updated some theme changes

* removed hover effects from customScrollbar style

* made some changes

* updated some changes

* added label to class names

* changed to a functional component and improved styling

* fixes snapshot test

* fixes small nit

* minor tweaks

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2021-01-27 17:47:24 +01:00
Torkel Ödegaard
701ad79bb5
PageToolbar: Extracting navbar styles & layout into a modern emotion based component (#30588)
* Explore: Replaces navbar-button and overriden explore button css classes with ToolbarButton and cleans up scss & markup, removes ResponsiveButton

* Change live button text when paused

* For the dashboard toolbar button I need a transparent button so I refactored the states/variants into a new ToolbarButtonVariatn

* PageToolbar wip

* Progress

* Prgress

* Minor progress

* Fixed back button and responsive titles

* Fixed tv mode

* Updated

* support tv modes and playlist

* more progress

* Fixing lots of view states and responsive features

* Minor fixes

* review fixes

* Fixes to e2e tests

* Review fixes
2021-01-27 15:02:04 +01:00