fix types for FileUploader component (#422)

* fix types for FileUploader component

* correction of a mistaken change

Co-authored-by: Daniel Miedzik <dmiedzik@bethel.jw.org>
This commit is contained in:
Daniel Miedzik 2020-11-27 13:15:01 +01:00 committed by GitHub
commit c670964e93
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 248 additions and 284 deletions

View file

@ -1,7 +1,5 @@
/// <reference types="svelte" />
export type Files = string[];
export interface FileUploaderProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Specify the file uploader status
@ -13,13 +11,13 @@ export interface FileUploaderProps extends svelte.JSX.HTMLAttributes<HTMLElement
* Specify the accepted file types
* @default []
*/
accept?: Files;
accept?: string[];
/**
* Obtain the uploaded file names
* @default []
*/
files?: Files;
files?: FileList;
/**
* Set to `true` to allow multiple files
@ -75,8 +73,8 @@ export default class FileUploader {
$$prop_def: FileUploaderProps;
$$slot_def: {};
$on(eventname: "add", cb: (event: CustomEvent<Files>) => void): () => void;
$on(eventname: "remove", cb: (event: CustomEvent<Files>) => void): () => void;
$on(eventname: "add", cb: (event: CustomEvent<FileList>) => void): () => void;
$on(eventname: "remove", cb: (event: CustomEvent<FileList>) => void): () => void;
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;

View file

@ -1,13 +1,11 @@
/// <reference types="svelte" />
export type Files = string[];
export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
/**
* Specify the accepted file types
* @default []
*/
accept?: Files;
accept?: string[];
/**
* Set to `true` to allow multiple files

View file

@ -1,13 +1,11 @@
/// <reference types="svelte" />
export type Files = string[];
export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Specify the accepted file types
* @default []
*/
accept?: Files;
accept?: string[];
/**
* Set to `true` to allow multiple files
@ -20,7 +18,7 @@ export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttribute
* The default behavior does not validate files
* @default (files) => files
*/
validateFiles?: (files: Files) => Files;
validateFiles?: (files: FileList) => FileList;
/**
* Specify the label text
@ -69,7 +67,7 @@ export default class FileUploaderDropContainer {
$$prop_def: FileUploaderDropContainerProps;
$$slot_def: {};
$on(eventname: "add", cb: (event: CustomEvent<Files>) => void): () => void;
$on(eventname: "add", cb: (event: CustomEvent<FileList>) => void): () => void;
$on(eventname: "dragover", cb: (event: WindowEventMap["dragover"]) => void): () => void;
$on(eventname: "dragleave", cb: (event: WindowEventMap["dragleave"]) => void): () => void;
$on(eventname: "drop", cb: (event: WindowEventMap["drop"]) => void): () => void;