@volkovlabs/components v4.3.0

Business Components for Grafana

• AutosizeCodeEditor code editor with auto height resizing based on entered content.
• CollapsableSection allows to display a controlled collapsable section.
• Collapse allows to display collapsable elements.
• Form allows to render form controls from the declarative config generated by FormBuilder.
• NumberInput allows to check and input numbers.
• RangeSlider allows to enter number range values by slider.
• Slider allows to enter number values by slider and/or NumberInput.

Hooks

• createUseDataHook allows to create useData hook to get data through data source api.
• useDashboardRefresh allows to refresh dashboard.
• useDashboardTimeRange allows to use actual dashboard time range.
• useDashboardVariables allows to use dashboard variables.
• useDatasourceRequest allows to run data source query.
• useFormBuilder allows to create declarative forms.

Utils

• CodeParametersBuilder allows to create parameters for custom code.

Update Grafana Styles

1. Clone and build Grafana locally.
2. Create a folder grafana-[version] for the new version in /.storybook/.
3. Copy grafana files from /public/fonts to /.storybook/grafana-[version]/public/fonts.
4. Copy grafana files from /public/img to /.storybook/grafana-[version]/public/img. Only icons and root files are necessary.
5. Copy and rename to .scss grafana files from /public/build/grafana.light.[hash].css to /.storybook/grafana-[version]/grafana.light.scss.
6. Copy and rename to .scss grafana files from /public/build/grafana.dark.[hash].css to /.storybook/grafana-[version]/grafana.dark.scss.
7. Update using folder from grafana-[old-version] to grafana-[version].

License

Apache License Version 2.0.