1
- import { Story } from '@storybook/web-components' ;
1
+ import { StoryFn } from '@storybook/web-components' ;
2
2
import { html } from 'lit' ;
3
3
import { UUIFileDropzoneEvent } from './UUIFileDropzoneEvents' ;
4
4
import { UUIFileDropzoneElement } from './uui-file-dropzone.element' ;
5
+
6
+ import '@umbraco-ui/uui-symbol-file-dropzone/lib' ;
5
7
import '.' ;
6
8
7
9
export default {
@@ -20,7 +22,7 @@ export default {
20
22
const handleFileChange = ( e : UUIFileDropzoneEvent ) =>
21
23
console . log ( 'event.detail: ' , e . detail ) ;
22
24
23
- export const AAAOverview : Story = props => {
25
+ export const AAAOverview : StoryFn = props => {
24
26
return html `
25
27
< uui-file-dropzone
26
28
?multiple =${ props . multiple }
@@ -31,7 +33,7 @@ export const AAAOverview: Story = props => {
31
33
} ;
32
34
AAAOverview . storyName = 'Overview' ;
33
35
34
- export const Multiple : Story = ( ) =>
36
+ export const Multiple : StoryFn = ( ) =>
35
37
html `
36
38
< uui-file-dropzone
37
39
multiple
@@ -48,7 +50,7 @@ Multiple.parameters = {
48
50
} ,
49
51
} ;
50
52
51
- export const Accept : Story = ( ) =>
53
+ export const Accept : StoryFn = ( ) =>
52
54
html `
53
55
< uui-file-dropzone
54
56
accept ="image/* "
@@ -65,7 +67,7 @@ Accept.parameters = {
65
67
} ,
66
68
} ;
67
69
68
- export const BrowseFiles : Story = ( ) => {
70
+ export const BrowseFiles : StoryFn = ( ) => {
69
71
const handleBrowse = ( ) => {
70
72
const dropzone = document . getElementById (
71
73
'browse-dropzone'
0 commit comments