mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
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:
parent
b597a64131
commit
c670964e93
20 changed files with 248 additions and 284 deletions
10
types/FileUploader/FileUploader.d.ts
vendored
10
types/FileUploader/FileUploader.d.ts
vendored
|
@ -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;
|
||||
|
|
4
types/FileUploader/FileUploaderButton.d.ts
vendored
4
types/FileUploader/FileUploaderButton.d.ts
vendored
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
2
types/ListBox/ListBoxField.d.ts
vendored
2
types/ListBox/ListBoxField.d.ts
vendored
|
@ -53,11 +53,11 @@ export default class ListBoxField {
|
|||
default: {};
|
||||
};
|
||||
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => 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;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/Modal/Modal.d.ts
vendored
2
types/Modal/Modal.d.ts
vendored
|
@ -120,11 +120,11 @@ export default class Modal {
|
|||
label: {};
|
||||
};
|
||||
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => 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;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "submit", cb: (event: CustomEvent<any>) => void): () => void;
|
||||
$on(eventname: "click:button--secondary", cb: (event: CustomEvent<any>) => void): () => void;
|
||||
$on(eventname: "close", cb: (event: CustomEvent<any>) => void): () => void;
|
||||
|
|
2
types/Search/Search.d.ts
vendored
2
types/Search/Search.d.ts
vendored
|
@ -93,10 +93,10 @@ export default class Search {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "clear", cb: (event: CustomEvent<any>) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/TextArea/TextArea.d.ts
vendored
2
types/TextArea/TextArea.d.ts
vendored
|
@ -93,9 +93,9 @@ export default class TextArea {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/TextInput/PasswordInput.d.ts
vendored
2
types/TextInput/PasswordInput.d.ts
vendored
|
@ -114,10 +114,10 @@ export default class PasswordInput {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/TextInput/TextInput.d.ts
vendored
2
types/TextInput/TextInput.d.ts
vendored
|
@ -116,10 +116,10 @@ export default class TextInput {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/Tile/ExpandableTile.d.ts
vendored
2
types/Tile/ExpandableTile.d.ts
vendored
|
@ -63,10 +63,10 @@ export default class ExpandableTile {
|
|||
below: {};
|
||||
};
|
||||
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
|
||||
$on(eventname: "keypress", cb: (event: WindowEventMap["keypress"]) => void): () => void;
|
||||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/TimePicker/TimePicker.d.ts
vendored
2
types/TimePicker/TimePicker.d.ts
vendored
|
@ -100,9 +100,9 @@ export default class TimePicker {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/Toggle/Toggle.d.ts
vendored
2
types/Toggle/Toggle.d.ts
vendored
|
@ -57,8 +57,8 @@ export default class Toggle {
|
|||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "keyup", cb: (event: WindowEventMap["keyup"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
|
|
|
@ -23,12 +23,12 @@ export default class HeaderNavItem {
|
|||
$$slot_def: {};
|
||||
|
||||
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
|
||||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "keyup", cb: (event: WindowEventMap["keyup"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
|
@ -37,6 +37,7 @@ export default class HeaderNavMenu {
|
|||
default: {};
|
||||
};
|
||||
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
|
||||
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
|
||||
|
@ -44,6 +45,5 @@ export default class HeaderNavMenu {
|
|||
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
|
||||
$on(eventname: "keyup", cb: (event: WindowEventMap["keyup"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
2
types/UIShell/HeaderSearch.d.ts
vendored
2
types/UIShell/HeaderSearch.d.ts
vendored
|
@ -51,10 +51,10 @@ export default class HeaderSearch {
|
|||
eventname: "select",
|
||||
cb: (event: CustomEvent<{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }>) => void
|
||||
): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
|
||||
$on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
|
||||
$on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
|
||||
$on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue