@@ -156,7 +156,8 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
156156
157157 const handleCancel = ( ) => {
158158 if ( onCancel ) {
159- onCancel ( ) ;
159+ console . log ( 'Report cancelled:' , onCancel ) ;
160+ // In a real implementation, this would trigger the action/script
160161 }
161162 } ;
162163
@@ -205,7 +206,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
205206 < Input
206207 id = "report-title"
207208 value = { report . title || '' }
208- onChange = { ( e ) => setReport ( { ...report , title : e . target . value } ) }
209+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => setReport ( { ...report , title : e . target . value } ) }
209210 placeholder = "Enter report title"
210211 />
211212 </ div >
@@ -215,7 +216,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
215216 < Input
216217 id = "report-description"
217218 value = { report . description || '' }
218- onChange = { ( e ) => setReport ( { ...report , description : e . target . value } ) }
219+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => setReport ( { ...report , description : e . target . value } ) }
219220 placeholder = "Enter report description"
220221 />
221222 </ div >
@@ -302,7 +303,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
302303 < Input
303304 className = "h-8 text-sm"
304305 value = { field . label || field . name }
305- onChange = { ( e ) => handleFieldChange ( index , { ...field , label : e . target . value } ) }
306+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => handleFieldChange ( index , { ...field , label : e . target . value } ) }
306307 />
307308 </ div >
308309 < div >
@@ -387,7 +388,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
387388 < Input
388389 className = "h-8 text-sm"
389390 value = { String ( filter . value ) }
390- onChange = { ( e ) => handleFilterChange ( index , { ...filter , value : e . target . value } ) }
391+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => handleFilterChange ( index , { ...filter , value : e . target . value } ) }
391392 />
392393 </ div >
393394 </ div >
@@ -511,7 +512,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
511512 < Input
512513 className = "h-8 text-sm"
513514 value = { section . title || '' }
514- onChange = { ( e ) => handleSectionChange ( index , { ...section , title : e . target . value } ) }
515+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => handleSectionChange ( index , { ...section , title : e . target . value } ) }
515516 />
516517 </ div >
517518 { section . type === 'text' && (
@@ -520,7 +521,7 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
520521 < Input
521522 className = "h-8 text-sm"
522523 value = { section . text || '' }
523- onChange = { ( e ) => handleSectionChange ( index , { ...section , text : e . target . value } ) }
524+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => handleSectionChange ( index , { ...section , text : e . target . value } ) }
524525 />
525526 </ div >
526527 ) }
@@ -574,12 +575,12 @@ export const ReportBuilder: React.FC<ReportBuilderProps> = ({ schema }) => {
574575 className = "h-8 text-sm"
575576 placeholder = "e.g. value, count"
576577 value = { section . chart ?. yAxisFields ?. join ( ', ' ) || '' }
577- onChange = { ( e ) => handleSectionChange ( index , {
578+ onChange = { ( e : React . ChangeEvent < HTMLInputElement > ) => handleSectionChange ( index , {
578579 ...section ,
579580 chart : {
580581 ...section . chart ,
581582 type : 'chart' ,
582- yAxisFields : e . target . value . split ( ',' ) . map ( s => s . trim ( ) ) . filter ( Boolean )
583+ yAxisFields : e . target . value . split ( ',' ) . map ( ( s : string ) => s . trim ( ) ) . filter ( Boolean )
583584 } as any
584585 } ) }
585586 />
0 commit comments