Add story

adobe · Nov 21, 2023 · e50fe97 · e50fe97
1 parent 544d804
commit e50fe97
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/react-aria-components/src/FileTrigger.tsx b/packages/react-aria-components/src/FileTrigger.tsx
@@ -49,7 +49,7 @@ function FileTrigger(props: FileTriggerProps, ref: ForwardedRef<HTMLInputElement
 
   return (
     <>
-      <PressResponder 
+      <PressResponder
         onPress={() => {
           if (inputRef.current.value) {
             inputRef.current.value = '';
@@ -66,7 +66,7 @@ function FileTrigger(props: FileTriggerProps, ref: ForwardedRef<HTMLInputElement
         accept={acceptedFileTypes?.toString()}
         onChange={(e) => onSelect?.(e.target.files)}
         capture={defaultCamera}
-        multiple={allowsMultiple} 
+        multiple={allowsMultiple}
         // @ts-expect-error
         webkitdirectory={directory ? '' : undefined} />
     </>

diff --git a/packages/react-aria-components/stories/index.stories.tsx b/packages/react-aria-components/stories/index.stories.tsx
@@ -1166,6 +1166,16 @@ export const FileTriggerButton = (props) => (
   </FileTrigger>
 );
 
+export const FileTriggerDirectories = (props) => (
+  <FileTrigger
+    directory
+    onSelect={action('onSelect')}
+    data-testid="filetrigger-example"
+    {...props} >
+    <Button>Upload</Button>
+  </FileTrigger>
+);
+
 export const FileTriggerLinkAllowsMultiple = (props) => (
   <FileTrigger
     {...props}