@progress/kendo-vue-upload 8.0.3-develop.2 → 8.0.3-develop.3

package/ExternalDropZone.d.ts

@@ -0,0 +1,115 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * Represents the properties of the [ExternalDropZone](% slug api_upload_externaldropzone %) component.
+ */
+export interface ExternalDropZoneProps {
+    /**
+     * Sets the `id` property of the top div element of the ExternalDropZone.
+     */
+    id?: string;
+    /**
+     * Sets the `style` of the inner div element of the ExternalDropZone.
+     */
+    innerStyle?: object;
+    /**
+     * Sets the `tabIndex` attribute.
+     */
+    tabIndex?: number;
+    /**
+     * Represents the ref of the linked Upload.
+     */
+    uploadRef: any;
+    /**
+     * Determines the disabled mode of the ExternalDropZone.
+     */
+    disabled?: boolean;
+    /**
+     * Sets different hint node.
+     */
+    customHint?: any;
+    /**
+     * Sets different note node.
+     */
+    customNote?: any;
+    /**
+     * Triggered after a file is dropped into the ExternalDropZone area.
+     */
+    onDrop?: (event: any) => void;
+    /**
+     * Triggered after a file is dragged inside the ExternalDropZone area.
+     */
+    onElementdragenter?: (event: any) => void;
+    /**
+     * Triggered after a file dragging is over.
+     */
+    onElementdragover?: (event: any) => void;
+}
+/**
+ * Represents the target(element and props) of the ExternalDropZoneEvent.
+ */
+export interface ExternalDropZoneHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props value of the ExternalDropZone.
+     */
+    props: ExternalDropZoneProps;
+    /**
+     * The focus event callback.
+     */
+    focus: () => void;
+}
+/**
+ * Represents the return type of the ExternalDropZone.
+ */
+export interface ExternalDropZoneEvent {
+    /**
+     * The target of the ExternalDropZoneEvent from ExternalDropZoneHandle.
+     */
+    target: ExternalDropZoneHandle;
+    /**
+     * The event of the ExternalDropZoneEvent.
+     */
+    event: any;
+}
+/**
+ * @hidden
+ */
+declare const ExternalDropZone: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    innerStyle: PropType<object>;
+    uploadRef: PropType<any>;
+    disabled: PropType<boolean>;
+    customHint: PropType<any>;
+    customNote: PropType<any>;
+}>, {
+    externalDropZoneRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {
+    overDropZone: boolean;
+}, {}, {
+    focus(): void;
+    isDragOver(prevDate: Date | null): boolean;
+    handleOnDrop(event: any): void;
+    handleOnElementDragEnter(): void;
+    handleOnElementDragOver(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    innerStyle: PropType<object>;
+    uploadRef: PropType<any>;
+    disabled: PropType<boolean>;
+    customHint: PropType<any>;
+    customNote: PropType<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ExternalDropZone };

package/Upload.d.ts

@@ -0,0 +1,301 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GroupedFiles } from './interfaces/FileGroup';
+import { UploadFileInfo } from './interfaces/UploadFileInfo';
+import { UploadFileStatus } from './interfaces/UploadFileStatus';
+import { AxiosResponse, AxiosProgressEvent } from 'axios';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface UploadData {
+    currentFiles: Array<UploadFileInfo>;
+}
+/**
+ * @hidden
+ */
+declare const Upload: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    autoUpload: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    batch: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    withCredentials: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    saveField: {
+        type: PropType<string>;
+        default: () => "files";
+    };
+    saveHeaders: {
+        type: PropType<import('.').UploadHttpHeaders>;
+        default: () => {};
+    };
+    saveMethod: {
+        type: PropType<string>;
+        default: () => "POST";
+    };
+    saveUrl: {
+        type: PropType<string | ((files: UploadFileInfo[], options: {
+            formData: FormData;
+            requestOptions: any;
+        }, onProgress: (uid: string, event: ProgressEvent<EventTarget>) => void) => Promise<{
+            uid: string;
+        }>)>;
+        default: () => "";
+    };
+    responseType: {
+        type: PropType<"text" | "arraybuffer" | "blob" | "json">;
+        default: () => "json";
+    };
+    removeField: {
+        type: PropType<string>;
+        default: () => "fileNames";
+    };
+    removeHeaders: {
+        type: PropType<import('.').UploadHttpHeaders>;
+        default: () => {};
+    };
+    removeMethod: {
+        type: PropType<string>;
+        default: () => "POST";
+    };
+    removeUrl: {
+        type: PropType<string | ((files: UploadFileInfo[], options: {
+            formData: FormData;
+            requestOptions: any;
+        }) => Promise<{
+            uid: string;
+        }>)>;
+        default: () => "";
+    };
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showFileList: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showActionButtons: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actionsLayout: {
+        type: PropType<import('.').UploadActionsLayout>;
+        default: () => "end";
+    };
+    tabIndex: PropType<string | number>;
+    accept: PropType<string>;
+    list: PropType<any>;
+    restrictions: {
+        type: PropType<import('.').UploadFileRestrictions>;
+        default: () => {
+            allowedExtensions: any[];
+            maxFileSize: number;
+            minFileSize: number;
+        };
+    };
+    validateFile: PropType<(file: UploadFileInfo) => void>;
+    files: PropType<UploadFileInfo[]>;
+    defaultFiles: PropType<UploadFileInfo[]>;
+}>, {}, {
+    currentFiles: any[];
+}, {
+    computedAsync(): {
+        autoUpload: any;
+        batch: any;
+        removeField: any;
+        removeHeaders: any;
+        removeMethod: any;
+        removeUrl: any;
+        responseType: any;
+        saveField: any;
+        saveHeaders: any;
+        saveMethod: any;
+        saveUrl: any;
+        withCredentials: any;
+    };
+    computedFiles(): Array<UploadFileInfo>;
+    isControlled(): boolean;
+    isCustomSave(): boolean;
+    isCustomRemove(): boolean;
+    fileStateCopy(): {
+        uid: string;
+        name: string;
+        extension?: string;
+        size?: number;
+        validationErrors?: string[];
+        status: UploadFileStatus;
+        progress: number;
+        getRawFile?: () => File;
+    }[];
+    actionElement(): any;
+}, {
+    focus(): void;
+    uploadFiles(filesForUpload: GroupedFiles): void;
+    removeFiles(filesForRemove: GroupedFiles): void;
+    onUpload(): void;
+    onAdd(files: FileList): void;
+    onUploadProgress(uid: string, event: ProgressEvent | AxiosProgressEvent): void;
+    onUploadSuccess(uid: string, event?: AxiosResponse): void;
+    onUploadError(uid: string, event?: AxiosResponse): void;
+    onRemove(uid: string): void;
+    onRemoveSuccess(uid: string, event?: AxiosResponse): void;
+    onRemoveError(uid: string, event?: AxiosResponse): void;
+    onRetry(uid: string): void;
+    onCancel(uid: string): void;
+    onClear(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: any;
+    beforeremove: any;
+    beforeupload: any;
+    cancel: any;
+    statuschange: any;
+    progress: any;
+    remove: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    autoUpload: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    batch: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    withCredentials: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    saveField: {
+        type: PropType<string>;
+        default: () => "files";
+    };
+    saveHeaders: {
+        type: PropType<import('.').UploadHttpHeaders>;
+        default: () => {};
+    };
+    saveMethod: {
+        type: PropType<string>;
+        default: () => "POST";
+    };
+    saveUrl: {
+        type: PropType<string | ((files: UploadFileInfo[], options: {
+            formData: FormData;
+            requestOptions: any;
+        }, onProgress: (uid: string, event: ProgressEvent<EventTarget>) => void) => Promise<{
+            uid: string;
+        }>)>;
+        default: () => "";
+    };
+    responseType: {
+        type: PropType<"text" | "arraybuffer" | "blob" | "json">;
+        default: () => "json";
+    };
+    removeField: {
+        type: PropType<string>;
+        default: () => "fileNames";
+    };
+    removeHeaders: {
+        type: PropType<import('.').UploadHttpHeaders>;
+        default: () => {};
+    };
+    removeMethod: {
+        type: PropType<string>;
+        default: () => "POST";
+    };
+    removeUrl: {
+        type: PropType<string | ((files: UploadFileInfo[], options: {
+            formData: FormData;
+            requestOptions: any;
+        }) => Promise<{
+            uid: string;
+        }>)>;
+        default: () => "";
+    };
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showFileList: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showActionButtons: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actionsLayout: {
+        type: PropType<import('.').UploadActionsLayout>;
+        default: () => "end";
+    };
+    tabIndex: PropType<string | number>;
+    accept: PropType<string>;
+    list: PropType<any>;
+    restrictions: {
+        type: PropType<import('.').UploadFileRestrictions>;
+        default: () => {
+            allowedExtensions: any[];
+            maxFileSize: number;
+            minFileSize: number;
+        };
+    };
+    validateFile: PropType<(file: UploadFileInfo) => void>;
+    files: PropType<UploadFileInfo[]>;
+    defaultFiles: PropType<UploadFileInfo[]>;
+}>> & Readonly<{
+    onProgress?: (...args: any[] | unknown[]) => any;
+    onCancel?: (...args: any[] | unknown[]) => any;
+    onAdd?: (...args: any[] | unknown[]) => any;
+    onRemove?: (...args: any[] | unknown[]) => any;
+    onBeforeremove?: (...args: any[] | unknown[]) => any;
+    onBeforeupload?: (...args: any[] | unknown[]) => any;
+    onStatuschange?: (...args: any[] | unknown[]) => any;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    autoUpload: boolean;
+    batch: boolean;
+    withCredentials: boolean;
+    saveField: string;
+    saveHeaders: import('.').UploadHttpHeaders;
+    saveMethod: string;
+    saveUrl: string | ((files: UploadFileInfo[], options: {
+        formData: FormData;
+        requestOptions: any;
+    }, onProgress: (uid: string, event: ProgressEvent<EventTarget>) => void) => Promise<{
+        uid: string;
+    }>);
+    responseType: "text" | "arraybuffer" | "blob" | "json";
+    removeField: string;
+    removeHeaders: import('.').UploadHttpHeaders;
+    removeMethod: string;
+    removeUrl: string | ((files: UploadFileInfo[], options: {
+        formData: FormData;
+        requestOptions: any;
+    }) => Promise<{
+        uid: string;
+    }>);
+    actionsLayout: import('.').UploadActionsLayout;
+    showFileList: boolean;
+    showActionButtons: boolean;
+    restrictions: import('.').UploadFileRestrictions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Upload };

package/UploadActionButtons.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsProps {
+    disabled: boolean;
+    navigationIndex?: number;
+    clearButtonIndex: number;
+    uploadButtonIndex: number;
+    actionsLayout: string;
+}
+/**
+ * @hidden
+ */
+declare const UploadActionButtons: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: PropType<boolean>;
+    navigationIndex: PropType<number>;
+    clearButtonIndex: PropType<number>;
+    uploadButtonIndex: PropType<number>;
+    actionsLayout: PropType<string>;
+}>, {
+    uploadElementRef: import('vue').Ref<any, any>;
+    clearElementRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {}, {}, {
+    onClearClick(): void;
+    onUploadClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: any;
+    click: any;
+    upload: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: PropType<boolean>;
+    navigationIndex: PropType<number>;
+    clearButtonIndex: PropType<number>;
+    uploadButtonIndex: PropType<number>;
+    actionsLayout: PropType<string>;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+    onClear?: (...args: any[] | unknown[]) => any;
+    onUpload?: (...args: any[] | unknown[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { UploadActionButtons };

package/UploadAddButton.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { UploadAsyncProps } from './interfaces/UploadAsyncProps';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface UploadAddButtonProps {
+    addButtonIndex: number;
+    navigationIndex: number | undefined;
+    notFocusedIndex: number | undefined;
+    tabIndex?: number;
+    async: UploadAsyncProps;
+    multiple?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    id?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+}
+/**
+ * @hidden
+ */
+declare const UploadAddButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    addButtonIndex: PropType<number>;
+    navigationIndex: PropType<number>;
+    notFocusedIndex: PropType<number>;
+    tabIndex: PropType<number>;
+    async: PropType<UploadAsyncProps>;
+    multiple: PropType<boolean>;
+    disabled: PropType<boolean>;
+    accept: PropType<string>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+}>, {
+    elementRef: import('vue').Ref<any, any>;
+    uploadInputRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {}, {}, {
+    focus(): void;
+    onClick(): void;
+    onAdd(files: any): void;
+    onInputMouseDown(e: any): void;
+    actionElement(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: any;
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    addButtonIndex: PropType<number>;
+    navigationIndex: PropType<number>;
+    notFocusedIndex: PropType<number>;
+    tabIndex: PropType<number>;
+    async: PropType<UploadAsyncProps>;
+    multiple: PropType<boolean>;
+    disabled: PropType<boolean>;
+    accept: PropType<string>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+    onAdd?: (...args: any[] | unknown[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { UploadAddButton };

package/UploadDropZone.d.ts

@@ -0,0 +1,118 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GroupedFiles } from './interfaces/FileGroup';
+import { UploadUIProps } from '.';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface UploadDropZoneProps extends UploadUIProps {
+    async: Object;
+    fileGroup: GroupedFiles;
+    disabled: boolean | undefined;
+}
+/**
+ * @hidden
+ */
+declare const UploadDropZone: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    addButtonIndex: PropType<number>;
+    async: PropType<Object>;
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showFileList: PropType<boolean>;
+    showActionButtons: PropType<boolean>;
+    actionsLayout: {
+        type: PropType<string>;
+        default: () => "end";
+    };
+    tabIndex: PropType<number>;
+    accept: PropType<string>;
+    groupedFiles: {
+        type: PropType<GroupedFiles>;
+        default: () => {};
+    };
+    navigationIndex: PropType<number>;
+    notFocusedIndex: PropType<number>;
+    list: PropType<any>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    fileGroup: PropType<GroupedFiles>;
+}>, {
+    uploadAddButtonRef: import('vue').Ref<any, any>;
+    kendoLocalizationService: {};
+}, {
+    currentDocumentActive: boolean;
+    currentElementActive: boolean;
+}, {
+    dropZoneClasses(): {
+        'k-dropzone': boolean;
+        'k-upload-dropzone': boolean;
+        'k-active': any;
+        'k-hover': any;
+    };
+}, {
+    actionElement(): any;
+    focus(): any;
+    onDocumentDragEnter(): void;
+    onDocumentDragOver(): void;
+    onElementDragEnter(): void;
+    onElementDragOver(event: any): void;
+    onDrop(event: any): void;
+    isDragOver(prevDate: Date | null): boolean;
+    onClick(eventIndex: number): void;
+    onAdd(files: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: any;
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    addButtonIndex: PropType<number>;
+    async: PropType<Object>;
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showFileList: PropType<boolean>;
+    showActionButtons: PropType<boolean>;
+    actionsLayout: {
+        type: PropType<string>;
+        default: () => "end";
+    };
+    tabIndex: PropType<number>;
+    accept: PropType<string>;
+    groupedFiles: {
+        type: PropType<GroupedFiles>;
+        default: () => {};
+    };
+    navigationIndex: PropType<number>;
+    notFocusedIndex: PropType<number>;
+    list: PropType<any>;
+    id: PropType<string>;
+    ariaLabelledBy: PropType<string>;
+    ariaDescribedBy: PropType<string>;
+    fileGroup: PropType<GroupedFiles>;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+    onAdd?: (...args: any[] | unknown[]) => any;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    groupedFiles: GroupedFiles;
+    actionsLayout: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { UploadDropZone };