5 Commits (07266aa983202078de9f21ebc09f93e6d704b36e)

Author	SHA1	Message	Date
Josh Hunt	07266aa983	Rewrite old useStyles2 pattern to use new pattern (#76136) ... * Rewrite old useStyles2 pattern to use new pattern * fix lint from used imports	2 years ago
Gilles De Mey	d24dc7f156	GrafanaUI: Adds overflow wrapper to loading bar (#75451)	2 years ago
Torkel Ödegaard	ed626427de	PanelChrome: Make loading animation speed the same across panels (#62997) ... Revert devenv dashboard change	2 years ago
Polina Boneva	3f1908464d	PanelChrome: Implement Panel header with error, loading, and streaming data status (#60147) ... * dashboards squad mob! 🔱 lastFile:packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx * dashboards squad mob! 🔱 * dashboards squad mob! 🔱 lastFile:packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx * user essentials mob! 🔱 * create grafana/ui LoadingBar and set it up in Storybook * Remove test changes on PanelChrome * Fix mdx page reference * dashboards squad mob! 🔱 lastFile:public/api-merged.json * dashboards squad mob! 🔱 * dashboards squad mob! 🔱 * dashboards squad mob! 🔱 * dashboards squad mob! 🔱 lastFile:public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderState.tsx * Implemented basic draft of panel header states. Using ToolbarButton instead of IconButton. * use 'warning' styled Button in ToolbarButton * make LoadingBar a simple JSX Element; do not use containerWidth; have a wrapper around the loading bar itself; * fix wrapper around LoadingBar: willChange css prop makes performance of rerendering better * States: Render general panel query error states and render notices next to the title * add streaming to PanelChrome if data is streaming instead of loading * PanelHeaderState with its own state 'mode' * clean up useEffect * notices have their own square space in the size of the panel header * clean up * minor fixes * moving the LoadingBar to core * LoadingBar is not in grafana/ui * always have a place for the loading bar in the PanelChrome, otherwise it moves everything when appearing; remove titleItemsNodes for now - in later development make no changes to Notice component, not part of this PR * Revert "moving the LoadingBar to core" This reverts commit 11f0f4ff2f. * do not use internal comment as it doesn't do anything * integrate LoadingBar in PanelChrome from grafana/ui directly * fix deprecated leftItems comment * Modify annimation to 1 second * remove comments * remove streaming stopped UI because we cannot know when the streaming has stopped * skip unnecessary test for now * no point in removing hoverHeader now, even though it's not yet implemented * small fixes * error state of the data in a panel is positioned in PanelChrome itself, not in PanelHeaderState * Fixed loading state jitter * remove warning state as we have none of it * streaming cannot be stopped from the icon * explicit content container width and height * explicit content container width and height * edit deprecated comment * fix LoadingBar to be relative to width of panel; remove explicit width and height on content strict * no warning state of the data * status of the panel data given directly to PanelChrome, not a node * clean up * clean up console log Co-authored-by: kay delaney <45561153+kaydelaney@users.noreply.github.com> * panel title design fits typography h6 styles; render error status only if error or error message are passed to PanelChrome * add storybook examples; prepare PanelChrome for hoverHeader because this will be a breaking change and it will affect how the storybook example shows up * show storybook example for streaming panel with title because that's the condition for having a header * override margin-bottom: 0.45em of h6 Co-authored-by: Alexandra Vargas <alexa1866@gmail.com> Co-authored-by: Torkel Ödegaard <torkel@grafana.com> Co-authored-by: kay delaney <45561153+kaydelaney@users.noreply.github.com>	3 years ago
Polina Boneva	be57419540	Grafana/ui: Create new LoadingBar component (#59508) ... * dashboards squad mob! 🔱 lastFile:packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx * dashboards squad mob! 🔱 * dashboards squad mob! 🔱 lastFile:packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx * user essentials mob! 🔱 * create grafana/ui LoadingBar and set it up in Storybook * Remove test changes on PanelChrome * Fix mdx page reference * make LoadingBar a simple JSX Element; do not use containerWidth; have a wrapper around the loading bar itself; * fix wrapper around LoadingBar: willChange css prop makes performance of rerendering better * moving the LoadingBar to core * Revert "moving the LoadingBar to core" This reverts commit 11f0f4ff2f. * do not use internal comment as it doesn't do anything * Modify annimation to 1 second Co-authored-by: Alexandra Vargas <alexa1866@gmail.com>	3 years ago