* Implement flat mode to transform flat data with parentId to nested structure. * Introduce lazy mode for on-demand loading of children. * Update tree rendering logic to accommodate new modes. * Enhance tree cell expansion logic to support lazy loading. * Add dark mode styles for improved UI experience. * Create comprehensive end-to-end tests for tree functionality.
38 lines
831 B
TypeScript
38 lines
831 B
TypeScript
import type { Preview } from '@storybook/react-vite';
|
|
|
|
import { PreviewDecorator } from './previewDecorator';
|
|
|
|
const preview: Preview = {
|
|
decorators: [PreviewDecorator],
|
|
globalTypes: {
|
|
colorScheme: {
|
|
description: 'Mantine color scheme',
|
|
toolbar: {
|
|
dynamicTitle: true,
|
|
icon: 'paintbrush',
|
|
items: [
|
|
{ icon: 'sun', title: 'Light', value: 'light' },
|
|
{ icon: 'moon', title: 'Dark', value: 'dark' },
|
|
],
|
|
title: 'Color Scheme',
|
|
},
|
|
},
|
|
},
|
|
initialGlobals: {
|
|
colorScheme: 'light',
|
|
},
|
|
parameters: {
|
|
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
layout: 'fullscreen',
|
|
viewMode: 'desktop',
|
|
},
|
|
};
|
|
|
|
export default preview;
|