mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
739cdcfb6e
* Introduced Abstract list, List and InlineList components for easier lists generation * Enable custom item key on abstract list items * Enable $.flot in storybook * Expose onOptionsChange to react panel. Allow React panels to be function components * Update type on graph panel options to group graph draw options * Introduce GraphPanelController for state and effects handling of new graph panel * Group visualisation related stories under Visualisations
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { configure, addDecorator } from '@storybook/react';
|
|
import { withKnobs } from '@storybook/addon-knobs';
|
|
import { withTheme } from '../src/utils/storybook/withTheme';
|
|
import { withPaddedStory } from '../src/utils/storybook/withPaddedStory';
|
|
import 'jquery';
|
|
import '../../../public/vendor/flot/jquery.flot.js';
|
|
import '../../../public/vendor/flot/jquery.flot.selection';
|
|
import '../../../public/vendor/flot/jquery.flot.time';
|
|
import '../../../public/vendor/flot/jquery.flot.stack';
|
|
import '../../../public/vendor/flot/jquery.flot.pie';
|
|
import '../../../public/vendor/flot/jquery.flot.stackpercent';
|
|
import '../../../public/vendor/flot/jquery.flot.fillbelow';
|
|
import '../../../public/vendor/flot/jquery.flot.crosshair';
|
|
import '../../../public/vendor/flot/jquery.flot.dashes';
|
|
import '../../../public/vendor/flot/jquery.flot.gauge';
|
|
// @ts-ignore
|
|
import lightTheme from '../../../public/sass/grafana.light.scss';
|
|
// @ts-ignore
|
|
import darkTheme from '../../../public/sass/grafana.dark.scss';
|
|
|
|
const handleThemeChange = (theme: string) => {
|
|
if (theme !== 'light') {
|
|
lightTheme.unuse();
|
|
darkTheme.use();
|
|
} else {
|
|
darkTheme.unuse();
|
|
lightTheme.use();
|
|
}
|
|
};
|
|
// automatically import all files ending in *.stories.tsx
|
|
const req = require.context('../src/components', true, /.story.tsx$/);
|
|
|
|
addDecorator(withKnobs);
|
|
addDecorator(withPaddedStory);
|
|
addDecorator(withTheme(handleThemeChange));
|
|
|
|
function loadStories() {
|
|
req.keys().forEach(req);
|
|
}
|
|
|
|
configure(loadStories, module);
|