71 lines
1.5 KiB
TypeScript
71 lines
1.5 KiB
TypeScript
|
import type { Meta, StoryObj } from '@storybook/angular';
|
||
|
|
import { PromptInput } from './prompt-input';
|
||
|
|
import { moduleMetadata } from '@storybook/angular';
|
||
|
|
import { CommonModule } from '@angular/common';
|
||
|
|
import { FormsModule } from '@angular/forms';
|
||
|
|
import { Store, StoreModule } from '@ngrx/store';
|
||
|
|
import { reducers } from '../../reducers';
|
||
|
|
import { HttpClientModule } from '@angular/common/http';
|
||
|
|
import { ApiService } from '../../api-service';
|
||
|
|
|
||
|
|
const appReducer = reducers.app;
|
||
|
|
|
||
|
|
const meta: Meta<PromptInput> = {
|
||
|
|
title: 'Components/PromptInput',
|
||
|
|
component: PromptInput,
|
||
|
|
tags: ['autodocs'],
|
||
|
|
decorators: [
|
||
|
|
moduleMetadata({
|
||
|
|
imports: [
|
||
|
|
CommonModule,
|
||
|
|
FormsModule,
|
||
|
|
HttpClientModule,
|
||
|
|
StoreModule.forRoot({ app: appReducer as any })
|
||
|
|
],
|
||
|
|
providers: [
|
||
|
|
ApiService,
|
||
|
|
Store
|
||
|
|
]
|
||
|
|
})
|
||
|
|
],
|
||
|
|
argTypes: {
|
||
|
|
// Vous pouvez définir des contrôles pour les propriétés ici
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export default meta;
|
||
|
|
type Story = StoryObj<PromptInput>;
|
||
|
|
|
||
|
|
export const Default: Story = {
|
||
|
|
args: {
|
||
|
|
// Les propriétés par défaut
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export const WithPlaceholder: Story = {
|
||
|
|
args: {
|
||
|
|
// Les propriétés avec un placeholder personnalisé
|
||
|
|
},
|
||
|
|
parameters: {
|
||
|
|
// Vous pouvez surcharger certains paramètres ici
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export const LoadingState: Story = {
|
||
|
|
args: {
|
||
|
|
// Les propriétés de base
|
||
|
|
},
|
||
|
|
parameters: {
|
||
|
|
store: {
|
||
|
|
init: (store: Store) => {
|
||
|
|
store.dispatch({
|
||
|
|
type: 'UPDATE_APP',
|
||
|
|
payload: {
|
||
|
|
loading: true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|