mirror of https://github.com/grafana/grafana.git synced 2025-02-20 11:48:34 -06:00

History

Oscar Kilhed d0239ac958 [grafana/UI] Hoovering over a legend label highlights the corresponding pie slice (#32941 ) * Hoovering over a legend label hightlighs that pie slice * Change to event bus * Adds EventBusWithSource to help identify the origin of the event * Add tests and fix bug with incorrect source * Clean up PieChart and EventBus a bit * Fix bug when payload.source is undefined * Add some documentation and adjust naming * useState instead of useSetState * Clean up some more documentation * Move eventbus to state * add event bus actions to the debug panel * add event bus actions to the debug panel * Try to make the naming a bit clearer * Try passing eventbus as context * Fix lint issues * Move event bus context to panel chrome * Fix event handler functions * switch to using useCallback for legend item callbacks * Remove unused parameters * Add id to panel fixture of PanelChrome test * Simplify event source * Place eventBus inside more generic context * Push handling of context up the tree to VizLegend only export usePanelContext and PanelContextProvider implement isOwnEvent on EventBus some cleanup Co-authored-by: Ryan McKinley <ryantxu@gmail.com> Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>		2021-04-26 16:13:15 +02:00
..
.storybook	Theme: Update theme layering (#33217 )	2021-04-22 09:18:32 +02:00
src	[grafana/UI] Hoovering over a legend label highlights the corresponding pie slice (#32941 )	2021-04-26 16:13:15 +02:00
.eslintrc	Chore: Restrict internal imports from other packages (#30453 )	2021-01-21 09:04:31 +01:00
api-extractor.json	Docs: adding API reference documentation support for the packages libraries. (#21931 )	2020-02-25 13:59:11 +01:00
CHANGELOG.md	Update changelog (#28292 )	2020-10-15 18:11:48 +02:00
index.js	Chore: MEGA - Make Eslint Great Again 💅 (#26094 )	2020-08-11 17:52:44 +02:00
LICENSE_APACHE2	Re-license Grafana to AGPLv3 (#33184 )	2021-04-20 19:03:30 +02:00
package.json	Grafana-UI: replace react-color with react-colorful (#33267 )	2021-04-23 16:03:48 +02:00
README.md	grafana/ui: added storybook link to readme (#31600 )	2021-03-04 10:57:15 +01:00
rollup.config.ts	SigV4: Add support EC2 IAM role auth and possibility to toggle auth providers (#32444 )	2021-03-30 12:30:34 +02:00
tsconfig.build.json	Move NOOP_CONTROL to storybook utils and change to a standalone file (#31421 )	2021-02-23 15:20:07 +01:00
tsconfig.json	Storybook: Use bare specifier @grafana/ui in public stories (#26563 )	2020-07-24 16:41:44 +02:00

README.md

Grafana UI components library

@grafana/ui is currently in BETA.

@grafana/ui is a collection of components used by Grafana

Our goal is to deliver Grafana's common UI elements for plugins developers and contributors.

Browse the Storybook catalog of the components.

See package source for more details.

Installation

yarn add @grafana/ui

npm install @grafana/ui

Development

For development purposes we suggest using yarn link that will create symlink to @grafana/ui lib. To do so navigate to packages/grafana-ui and run yarn link. Then, navigate to your project and run yarn link @grafana/ui to use the linked version of the lib. To unlink follow the same procedure, but use yarn unlink instead.

Storybook 6.x migration

We've upgraded Storybook to version 6 and with that we will convert to using controls instead of knobs for manipulating components. Controls will not require as much coding as knobs do. Please refer to the storybook style-guide for further information.