@engie-group/fluid-design-system-react/lib/.storybook/preview.js

Fluid Design System React

import '@engie-group/fluid-4-deprecated/tokens/lib/css/tokens.css';
import '@engie-group/fluid-design-tokens/css';
import 'fluid-styles/css';
import { addons, useArgs } from '@storybook/preview-api';
import { DocumentationTemplate, fluidThemes, initBodyThemeDatasetListener, ThemeDocContainer } from '@tools/storybook';
import React from 'react';
const { dark, light } = fluidThemes('logo-engie.svg');
const preview = {
    tags: ['autodocs'],
    parameters: {
        darkMode: {
            dark,
            light
        },
        docs: {
            page: DocumentationTemplate,
            container: ThemeDocContainer({ dark, light }),
            importLib: '@engie-group/fluid-design-system-react'
        },
        backgrounds: {
            disable: true,
            grid: {
                disable: true
            }
        },
        options: {
            storySort: {
                method: 'alphabetical',
                order: ['Docs', ['Getting Started', 'Changelog'], 'Components', 'Deprecated']
            }
        }
    }
};
export default preview;
initBodyThemeDatasetListener(addons.getChannel());
localStorage.removeItem('@storybook/manager/store');
export const decorators = [
    (Story, context) => {
        // Add possibility to update argument in ArgTables from story.
        const [, updateArgs] = useArgs();
        context = Object.assign(Object.assign({}, context), { updateArgs });
        // Since Storybook 7+ Story's components are no longer unmounted when args changes.
        // Fixme: We use key props as workaround while we do not have better solution
        return (React.createElement(React.StrictMode, null,
            React.createElement(Story, Object.assign({ key: JSON.stringify(context.args) }, context))));
    }
];
//# sourceMappingURL=preview.js.map