11import type { Meta , StoryObj } from '@storybook/react' ;
22import { ExtraFieldDate } from './ExtraFieldDate' ;
3- import { EExtraFieldMode } from '../../../../types/template' ;
3+ import { EExtraFieldMode , IExtraField } from '../../../../types/template' ;
44
55const meta = {
66 title : 'UI/ExtraFieldDate' ,
7- component : ExtraFieldDate as React . ComponentType < any > ,
7+ component : ExtraFieldDate as React . ComponentType < unknown > ,
88 tags : [ 'autodocs' ] ,
99} satisfies Meta < typeof ExtraFieldDate > ;
1010
1111export default meta ;
1212type Story = StoryObj < typeof meta > ;
1313
14+ const formatMessage = ( { id } : { id : string } ) : string => id ;
15+ const editField = ( updates : Partial < IExtraField > ) : void => {
16+ console . log ( 'Field updated:' , updates ) ;
17+ } ;
18+
1419export const Default : Story = {
1520 args : {
1621 field : {
@@ -20,10 +25,10 @@ export const Default: Story = {
2025 description : 'Select a due date'
2126 } ,
2227 intl : {
23- formatMessage : ( { id } ) => id
28+ formatMessage
2429 } ,
2530 mode : EExtraFieldMode . Kickoff ,
26- editField : ( updates ) => console . log ( 'Field updated:' , updates ) ,
31+ editField,
2732 isDisabled : false
2833 }
2934} ;
@@ -37,10 +42,10 @@ export const Required: Story = {
3742 description : 'Select a due date'
3843 } ,
3944 intl : {
40- formatMessage : ( { id } ) => id
45+ formatMessage
4146 } ,
4247 mode : EExtraFieldMode . Kickoff ,
43- editField : ( updates ) => console . log ( 'Field updated:' , updates ) ,
48+ editField,
4449 isDisabled : false
4550 }
4651} ;
@@ -54,10 +59,10 @@ export const Disabled: Story = {
5459 description : 'Select a due date'
5560 } ,
5661 intl : {
57- formatMessage : ( { id } ) => id
62+ formatMessage
5863 } ,
5964 mode : EExtraFieldMode . Kickoff ,
60- editField : ( updates ) => console . log ( 'Field updated:' , updates ) ,
65+ editField,
6166 isDisabled : true
6267 }
6368} ;
0 commit comments