UNPKG

2.33 kBTypeScriptView Raw
1import * as React from 'react';
2export interface MultipleFileUploadStatusItemProps extends React.HTMLProps<HTMLLIElement> {
3 /** Class to add to outer div */
4 className?: string;
5 /** Adds accessibility text to the status item deletion button */
6 buttonAriaLabel?: string;
7 /** The file object being represented by the status item */
8 file?: File;
9 /** A callback for when a selected file starts loading */
10 onReadStarted?: (fileHandle: File) => void;
11 /** A callback for when a selected file finishes loading */
12 onReadFinished?: (fileHandle: File) => void;
13 /** A callback for when the FileReader successfully reads the file */
14 onReadSuccess?: (data: string, file: File) => void;
15 /** A callback for when the FileReader API fails */
16 onReadFail?: (error: DOMException, onReadFail: File) => void;
17 /** Clear button was clicked */
18 onClearClick?: React.MouseEventHandler<HTMLButtonElement>;
19 /** A callback to process file reading in a custom way */
20 customFileHandler?: (file: File) => void;
21 /** A custom icon to show in place of the generic file icon */
22 fileIcon?: React.ReactNode;
23 /** A custom name to display for the file rather than using built in functionality to auto-fill it */
24 fileName?: string;
25 /** A custom file size to display for the file rather than using built in functionality to auto-fill it */
26 fileSize?: number;
27 /** A custom value to display for the progress component rather than using built in functionality to auto-fill it */
28 progressValue?: number;
29 /** A custom variant to apply to the progress component rather than using built in functionality to auto-fill it */
30 progressVariant?: 'danger' | 'success' | 'warning';
31 /** Adds accessible text to the progress bar. Required when title not used and there is not any label associated with the progress bar */
32 progressAriaLabel?: string;
33 /** Associates the progress bar with it's label for accessibility purposes. Required when title not used */
34 progressAriaLabelledBy?: string;
35 /** Unique identifier for progress. Generated if not specified. */
36 progressId?: string;
37}
38export declare const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileUploadStatusItemProps>;
39//# sourceMappingURL=MultipleFileUploadStatusItem.d.ts.map
\No newline at end of file