@progress/kendo-react-upload 13.3.0 → 13.4.0-develop.1

package/index.d.mts

@@ -5,1215 +5,37 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AxiosProgressEvent } from 'axios';
-import { AxiosResponse } from 'axios';
-import { default as default_2 } from 'prop-types';
-import { JSX } from 'react/jsx-runtime';
-import { LocalizationService } from '@progress/kendo-react-intl';
-import * as React_2 from 'react';
-
-/**
- * @hidden
- */
-declare interface BaseUploadEvent<T extends React.Component> {
-    /**
-     * An event target.
-     */
-    target: T;
-}
-
-/**
- * Represents the ExternalDropZone component.
- */
-export declare const ExternalDropZone: React_2.ForwardRefExoticComponent<ExternalDropZoneProps & React_2.RefAttributes<ExternalDropZoneHandle | null>>;
-
-/**
- * Represents the target(element and props) of the ExternalDropZoneEvent.
- */
-declare 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 properties of the [ExternalDropZone](https://www.telerik.com/kendo-react-ui/components/upload/api/externaldropzone) component.
- */
-declare interface ExternalDropZoneProps {
-    /**
-     * Sets the `id` property of the top div element of the ExternalDropZone.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the ExternalDropZone.
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Sets additional classes to the ExternalDropZone.
-     */
-    className?: string;
-    /**
-     * 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?: React_2.ReactNode;
-    /**
-     * Sets different note node.
-     */
-    customNote?: React_2.ReactNode;
-    /**
-     * Triggered after a file is dropped into the ExternalDropZone area.
-     */
-    onDrop?: (event: React_2.DragEvent<HTMLDivElement>) => void;
-    /**
-     * Triggered after a file is dragged inside the ExternalDropZone area.
-     */
-    onElementDragEnter?: (event: React_2.DragEvent<HTMLDivElement>) => void;
-    /**
-     * Triggered after a file dragging is over.
-     */
-    onElementDragOver?: (event: React_2.DragEvent<HTMLDivElement>) => void;
-}
-
-/**
- * @hidden
- */
-declare interface GroupedFiles {
-    [uid: string]: Array<UploadFileInfo>;
-}
-
-/**
- * @hidden
- */
-export declare const headerStatusUploaded = "upload.headerStatusUploaded";
-
-/**
- * @hidden
- */
-export declare const headerStatusUploading = "upload.headerStatusUploading";
-
-/**
- * @hidden
- */
-export declare const invalidMaxFileSize = "upload.invalidMaxFileSize";
-
-export declare class Upload extends React_2.Component<UploadProps, UploadState> {
-    /**
-     * @hidden
-     */
-    static defaultProps: UploadProps;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        autoUpload: default_2.Requireable<boolean>;
-        batch: default_2.Requireable<boolean>;
-        withCredentials: default_2.Requireable<boolean>;
-        saveField: default_2.Requireable<string>;
-        saveHeaders: default_2.Requireable<object>;
-        saveMethod: default_2.Requireable<string>;
-        saveUrl: default_2.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
-        responseType: default_2.Requireable<string>;
-        removeField: default_2.Requireable<string>;
-        removeHeaders: default_2.Requireable<object>;
-        removeMethod: default_2.Requireable<string>;
-        removeUrl: default_2.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
-        multiple: default_2.Requireable<boolean>;
-        disabled: default_2.Requireable<boolean>;
-        showFileList: default_2.Requireable<boolean>;
-        showActionButtons: default_2.Requireable<boolean>;
-        actionsLayout: default_2.Requireable<string>;
-        tabIndex: default_2.Requireable<number>;
-        accept: default_2.Requireable<string>;
-        listItemUI: default_2.Requireable<NonNullable<string | ((...args: any[]) => any) | default_2.InferProps<{
-            render: default_2.Validator<(...args: any[]) => any>;
-        }> | null | undefined>>;
-        restrictions: default_2.Requireable<default_2.InferProps<{
-            allowedExtensions: default_2.Requireable<(string | null | undefined)[]>;
-            maxFileSize: default_2.Requireable<number>;
-            minFileSize: default_2.Requireable<number>;
-        }>>;
-        files: default_2.Requireable<(default_2.InferProps<{
-            uid: default_2.Requireable<string>;
-            name: default_2.Requireable<string>;
-            extension: default_2.Requireable<string>;
-            size: default_2.Requireable<number>;
-            validationErrors: default_2.Requireable<(string | null | undefined)[]>;
-            status: default_2.Requireable<UploadFileStatus>;
-            progress: default_2.Requireable<number>;
-            getRawFile: default_2.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-        defaultFiles: default_2.Requireable<(default_2.InferProps<{
-            uid: default_2.Requireable<string>;
-            name: default_2.Requireable<string>;
-            extension: default_2.Requireable<string>;
-            size: default_2.Requireable<number>;
-            validationErrors: default_2.Requireable<(string | null | undefined)[]>;
-            status: default_2.Requireable<UploadFileStatus>;
-            progress: default_2.Requireable<number>;
-            getRawFile: default_2.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-    };
-    private _httpSubscriptions;
-    private get async();
-    private _uploadNavigation;
-    private get files();
-    private get isControlled();
-    private get isCustomSave();
-    private get isCustomRemove();
-    private get fileStateCopy();
-    private readonly showLicenseWatermark;
-    private readonly licenseMessage?;
-    constructor(props: UploadProps);
-    /**
-     * @hidden
-     */
-    get actionElement(): HTMLInputElement | null | undefined;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * Upload the selected files. Usable when the upload action is triggered by external code.
-     */
-    triggerUpload: () => void;
-    /**
-     * @hidden
-     */
-    uploadFiles: (filesForUpload: GroupedFiles) => void;
-    /**
-     * @hidden
-     */
-    removeFiles: (filesForRemove: GroupedFiles) => void;
-    /**
-     * @hidden
-     */
-    onUpload: () => void;
-    /**
-     * @hidden
-     */
-    onAdd: (files: FileList) => void;
-    /**
-     * @hidden
-     */
-    setFilesProgress(filesWithProgress: UploadFileInfo[], percentComplete: number): void;
-    /**
-     * @hidden
-     */
-    onUploadProgress: (uid: string, event: ProgressEvent | AxiosProgressEvent) => void;
-    /**
-     * @hidden
-     */
-    onUploadSuccess: (uid: string, event?: AxiosResponse) => void;
-    /**
-     * @hidden
-     */
-    onUploadError: (uid: string, event?: AxiosResponse) => void;
-    /**
-     * @hidden
-     */
-    onRemove: (uid: string) => void;
-    /**
-     * @hidden
-     */
-    onRemoveSuccess: (uid: string, event?: AxiosResponse) => void;
-    /**
-     * @hidden
-     */
-    onRemoveError: (uid: string, event?: AxiosResponse) => void;
-    /**
-     * @hidden
-     */
-    onRetry: (uid: string) => void;
-    /**
-     * @hidden
-     */
-    onCancel: (uid: string) => void;
-    /**
-     * @hidden
-     */
-    onClear: () => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-export declare class UploadActionButtons extends React_2.Component<UploadActionButtonsProps, {}> {
-    private _uploadElement;
-    private _clearElement;
-    componentDidUpdate(prevProps: UploadActionButtonsProps): void;
-    onClearClick: () => void;
-    checkEnterKey: (e: React_2.KeyboardEvent) => boolean;
-    onUploadClick: () => void;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadActionButtonsProps {
-    disabled: boolean;
-    navigationIndex?: number;
-    clearButtonIndex: number;
-    uploadButtonIndex: number;
-    actionsLayout: string;
-    onUpload: () => void;
-    onClear: () => void;
-    onClick: (navIndex: number | undefined) => void;
-}
-
-/**
- * Lists the possible layout of the Upload action buttons.
- */
-export declare type UploadActionsLayout = 'start' | 'center' | 'end' | 'stretched';
-
-/**
- * @hidden
- */
-export declare class UploadAddButton extends React_2.Component<UploadAddButtonProps, {}> {
-    private _element;
-    private _uploadInput;
-    get actionElement(): HTMLInputElement | null | undefined;
-    componentDidUpdate(prevProps: UploadAddButtonProps): void;
-    focus: () => void;
-    onClick: () => void;
-    onInputMouseDown: (e: React_2.MouseEvent<HTMLInputElement, MouseEvent>) => void;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare 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;
-    ariaControls?: string;
-    ariaExpanded?: boolean;
-    hasFiles?: boolean;
-    onAdd: (files: FileList) => void;
-    onClick: (navIndex: number | undefined) => void;
-    selectMessageUI?: React_2.ComponentType<UploadSelectMessageProps>;
-}
-
-/**
- * Represents the additional data that is sent as a key-value pair.
- */
-export declare interface UploadAdditionalData {
-    [name: string]: any;
-}
-
-/**
- * Represents the async properties of the Upload component.
- */
-export declare interface UploadAsyncProps {
-    /**
-     * By default, the selected files are immediately uploaded.
-     * To change this behavior, set `autoUpload` to `false`.
-     */
-    autoUpload?: boolean;
-    /**
-     * When enabled, all files in the selection are uploaded in one request.
-     * Any files that are selected one after the other are uploaded in separate requests.
-     */
-    batch?: boolean;
-    /**
-     * Configures whether credentials (cookies, headers) will be sent for cross-site requests.
-     * Defaults to `true`. Setting `withCredentials` has no effect on same-site requests.
-     * To add credentials to the request, use the `saveHeaders` or `removeHeaders` property.
-     */
-    withCredentials?: boolean;
-    /**
-     * Sets the [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) key which
-     * contains the files submitted to `saveUrl`. Defaults to `files`.
-     */
-    saveField?: string;
-    /**
-     * Configures the `HttpHeaders` that are attached to each upload request.
-     */
-    saveHeaders?: UploadHttpHeaders;
-    /**
-     * Sets the [`request`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods) method of the upload request.
-     * Defaults to `POST`.
-     */
-    saveMethod?: string;
-    /**
-     * Sets the URL of the endpoint for the upload request.
-     * The requested [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) key is named after
-     * the `saveField` property and contains the list of files that will be uploaded.
-     */
-    saveUrl?: string | ((files: UploadFileInfo[], options: {
-        formData: FormData;
-        requestOptions: any;
-    }, onProgress: (uid: string, event: ProgressEvent) => void) => Promise<{
-        uid: string;
-    }>);
-    /**
-     * Sets the expected [response type](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseType)
-     * of the server.
-     * Used to parse the response appropriately.
-     * Defaults to `json`.
-     */
-    responseType?: 'arraybuffer' | 'blob' | 'json' | 'text';
-    /**
-     * Sets the [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) key
-     * which contains the list of file names that are submitted to `removeUrl`.
-     * Defaults to `fileNames`.
-     */
-    removeField?: string;
-    /**
-     * Configures the `HttpHeaders` that are attached to each `remove` request.
-     */
-    removeHeaders?: UploadHttpHeaders;
-    /**
-     * Sets the [request method](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods) of the `remove` request.
-     * Defaults to `POST`.
-     */
-    removeMethod?: string;
-    /**
-     * Sets the URL of the endpoint for the `remove` request.
-     * The [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData) request
-     * key is named after the `removeField` property.
-     * It contains the list of file names which will be removed.
-     */
-    removeUrl?: string | ((files: UploadFileInfo[], options: {
-        formData: FormData;
-        requestOptions: any;
-    }) => Promise<{
-        uid: string;
-    }>);
-}
-
-/**
- * @hidden
- */
-export declare class UploadDropZone extends React_2.Component<UploadDropZoneProps, {}> {
-    private _documentInterval;
-    private _elementInterval;
-    private _lastDocumentDragOver;
-    private _lastElementDragOver;
-    private _documentActive;
-    private _elementActive;
-    private get documentActive();
-    private set documentActive(value);
-    private get elementActive();
-    private set elementActive(value);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    onDocumentDragEnter: () => void;
-    onDocumentDragOver: () => void;
-    onElementDragEnter: () => void;
-    onElementDragOver: (event: any) => void;
-    onDrop: (event: any) => void;
-    isDragOver: (prevDate: Date | null) => boolean;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadDropZoneProps {
-    addButtonComponent: any;
-    fileGroup: GroupedFiles;
-    disabled: boolean | undefined;
-    multiple: boolean;
-    onAdd: (files: FileList) => void;
-}
-
-/**
- * Contains information which is related to the selected file.
- */
-export declare interface UploadFileInfo {
-    /**
-     * The unique identifier of the group (batch) with one or more files.
-     * Has to be set for the initial list of files.
-     */
-    uid: string;
-    /**
-     * The file name.
-     */
-    name: string;
-    /**
-     * The file extension including the leading dot&mdash;for example, `.jpg`, `.png`, or other.
-     */
-    extension?: string;
-    /**
-     * The file size in bytes.
-     */
-    size?: number;
-    /**
-     * A list which contains the validation errors (if any).
-     */
-    validationErrors?: Array<string>;
-    /**
-     * The current state of the file&mdash;`Failed`, `Selected`, `Uploaded`, or `Uploading`.
-     * `Initial` is a special value for `FileState` and is
-     * automatically applied to initial files without you having to explicitly set their state.
-     */
-    status: UploadFileStatus;
-    /**
-     * The current upload progress.
-     */
-    progress: number;
-    /**
-     * Gets the raw file instance.
-     */
-    getRawFile?: () => File;
-}
-
-/**
- * Configures the restrictions for the files that can be uploaded.
- */
-export declare interface UploadFileRestrictions {
-    /**
-     * The list of the allowed file extensions.
-     * Recognizes entries of both `.type` (for example, `.docx`, `.png`, `.svg`, `.xls`, and others)
-     * and `type` (for example, `docx`, `png`, `svg`, `xls`, and others) values.
-     */
-    allowedExtensions?: Array<string>;
-    /**
-     * Defines the maximum file size in bytes.
-     */
-    maxFileSize?: number;
-    /**
-     * Defines the minimum file size in bytes.
-     */
-    minFileSize?: number;
-}
-
-/**
- * Lists the possible states of a file.
- */
-export declare enum UploadFileStatus {
-    /**
-     * Indicates that the file upload process has failed.
-     */
-    UploadFailed = 0,
-    /**
-     * An initially selected fake file without a set state.
-     */
-    Initial = 1,
-    /**
-     * The file is selected.
-     */
-    Selected = 2,
-    /**
-     * The file is in the process of uploading.
-     */
-    Uploading = 3,
-    /**
-     * The file is successfully uploaded.
-     */
-    Uploaded = 4,
-    /**
-     * The remove process has failed.
-     */
-    RemoveFailed = 5,
-    /**
-     * The file is in the process of removing.
-     */
-    Removing = 6
-}
-
-/**
- * Represents the HttpHeaders as a key-value pair.
- */
-export declare interface UploadHttpHeaders {
-    [name: string]: string | string[];
-}
-
-/**
- * @hidden
- */
-export declare class UploadInput extends React_2.Component<UploadInputProps, {}> {
-    private _input;
-    get actionElement(): HTMLInputElement | null;
-    onMouseDown: (e: any) => void;
-    onAdd: () => void;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadInputProps {
-    async: UploadAsyncProps;
-    multiple?: boolean;
-    disabled?: boolean;
-    accept?: string;
-    hasFiles?: boolean;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
-    id?: string;
-    onAdd?: (files: FileList) => void;
-    onMouseDown?: (e: React_2.MouseEvent<HTMLInputElement, MouseEvent>) => void;
-}
-
-/**
- * @hidden
- */
-export declare class UploadList extends React_2.Component<UploadListProps, {}> {
-    mapListGroups(): JSX.Element[];
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-export declare class UploadListActionButton extends React_2.Component<UploadListActionButtonProps, UploadListActionButtonState> {
-    constructor(props: UploadListActionButtonProps);
-    actionButtonTitle(status: UploadFileStatus, localizationService: LocalizationService): string;
-    retryButtonTitle(localizationService: LocalizationService): string;
-    buttonClassNames: (type: string) => string;
-    onRetryFocus: () => void;
-    onRetryBlur: () => void;
-    onActionFocus: () => void;
-    onActionBlur: () => void;
-    onActionClick: () => void;
-    onRetryClick: () => void;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadListActionButtonProps {
-    progress: number;
-    uid: string;
-    status: UploadFileStatus;
-    async: UploadAsyncProps;
-    disabled: boolean;
-    onCancel: (uid: string) => void;
-    onRemove: (uid: string) => void;
-    onRetry: (uid: string) => void;
-}
-
-/**
- * @hidden
- */
-declare interface UploadListActionButtonState {
-    retryFocused: boolean;
-    actionFocused: boolean;
-}
-
-/**
- * @hidden
- */
-export declare class UploadListGroup extends React_2.Component<UploadListGroupProps, {}> {
-    private _element;
-    componentDidUpdate(): void;
-    onClick: () => void;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadListGroupProps {
-    files: Array<UploadFileInfo>;
-    async: UploadAsyncProps;
-    disabled: boolean;
-    navigationIndex: number | undefined;
-    listItemUI?: React_2.ComponentType<UploadListItemProps>;
-    index: number;
-    onCancel: (uid: string) => void;
-    onRemove: (uid: string) => void;
-    onRetry: (uid: string) => void;
-    onClick: (navIndex: number | undefined) => void;
-}
-
-/**
- * Represents the properties of the KendoReact UploadList Item component.
- */
-export declare interface UploadListItemProps {
-    /**
-     * One or more files for the current item.
-     */
-    files: Array<UploadFileInfo>;
-    /**
-     * The `disabled` property of the Upload.
-     */
-    disabled: boolean;
-    /**
-     * The asynchronous properties of the Upload.
-     */
-    async: UploadAsyncProps;
-    /**
-     * Fires when the user clicks the **Cancel** button.
-     */
-    onCancel: (uid: string) => void;
-    /**
-     * Fires when the user clicks the **Remove** button.
-     */
-    onRemove: (uid: string) => void;
-    /**
-     * Fires when the user clicks the **Retry** button.
-     */
-    onRetry: (uid: string) => void;
-}
-
-/**
- * @hidden
- */
-export declare class UploadListMultiItem extends React_2.Component<UploadListItemProps, {}> {
-    /**
-     * @hidden
-     */
-    getFileValidationMessage(file: UploadFileInfo): string;
-    /**
-     * @hidden
-     */
-    mapFiles: () => JSX.Element[];
-    /**
-     * @hidden
-     */
-    progress: () => number;
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadListProps {
-    groupedFiles: GroupedFiles;
-    async: UploadAsyncProps;
-    disabled: boolean;
-    navigationIndex?: number;
-    listId?: string;
-    listItemUI?: React_2.ComponentType<UploadListItemProps>;
-    onCancel: (uid: string) => void;
-    onRemove: (uid: string) => void;
-    onRetry: (uid: string) => void;
-    onClick: (navIndex: number | undefined) => void;
-}
-
-/**
- * @hidden
- */
-export declare class UploadListSingleItem extends React_2.Component<UploadListItemProps, {}> {
-    /**
-     * @hidden
-     */
-    getFileExtension(file: UploadFileInfo): string;
-    /**
-     * @hidden
-     */
-    getFileValidationMessage(file: UploadFileInfo, isUploadFailed: boolean): string;
-    /**
-     * @hidden
-     */
-    renderValidationError(file: UploadFileInfo, isUploadFailed: boolean): JSX.Element;
-    /**
-     * @hidden
-     */
-    renderFileDetails(file: UploadFileInfo): JSX.Element;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-export declare const uploadMessages: {
-    "upload.cancel": string;
-    "upload.clearSelectedFiles": string;
-    "upload.dropFilesHere": string;
-    "upload.headerStatusUploaded": string;
-    "upload.headerStatusUploading": string;
-    "upload.invalidFileExtension": string;
-    "upload.invalidFiles": string;
-    "upload.invalidMaxFileSize": string;
-    "upload.invalidMinFileSize": string;
-    "upload.remove": string;
-    "upload.retry": string;
-    "upload.select": string;
-    "upload.selectTitle": string;
-    "upload.selectNoFilesTitle": string;
-    "upload.uploadSelectedFiles": string;
-    "upload.total": string;
-    "upload.files": string;
-    "upload.statusUploaded": string;
-    "upload.statusUploadFailed": string;
-    "upload.dropZoneHint": string;
-    "upload.defaultDropZoneNote": string;
-    "upload.dropZoneNote": string;
-};
-
-/**
- * The `onAdd` event.
- */
-export declare interface UploadOnAddEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The new updated state candidate.
-     */
-    newState: Array<UploadFileInfo>;
-    /**
-     * The list of affected files.
-     */
-    affectedFiles: Array<UploadFileInfo>;
-}
-
-/**
- * The `onBeforeRemove` event.
- */
-export declare interface UploadOnBeforeRemoveEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The files that will be sent with the request.
-     */
-    files: Array<UploadFileInfo>;
-    /**
-     * The headers that will be sent with the request. Can be modified.
-     */
-    headers: UploadHttpHeaders;
-    /**
-     * The additional data that will be sent with the request. Can be modified.
-     */
-    additionalData: UploadAdditionalData;
-}
-
-/**
- * The `onBeforeUpload` event.
- */
-export declare interface UploadOnBeforeUploadEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The files that will be sent with the request.
-     */
-    files: Array<UploadFileInfo>;
-    /**
-     * The headers that will be sent with the request. Can be modified.
-     */
-    headers: UploadHttpHeaders;
-    /**
-     * The additional data that will be sent with the request. Can be modified.
-     */
-    additionalData: UploadAdditionalData;
-}
-
-/**
- * The `onCancel` event.
- */
-export declare interface UploadOnCancelEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The unique identifier of the group (batch) of one or more files that is cancelled.
-     */
-    uid: string;
-}
-
-/**
- * The `onProgress` event.
- */
-export declare interface UploadOnProgressEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The new updated state candidate.
-     */
-    newState: Array<UploadFileInfo>;
-    /**
-     * The list of the affected files.
-     */
-    affectedFiles: Array<UploadFileInfo>;
-}
-
-/**
- * The `onRemove` event.
- */
-export declare interface UploadOnRemoveEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The new updated state candidate.
-     */
-    newState: Array<UploadFileInfo>;
-    /**
-     * The list of the affected files.
-     */
-    affectedFiles: Array<UploadFileInfo>;
-    /**
-     * The server response (if available).
-     */
-    response?: UploadResponse;
-}
-
-/**
- * The `onStatusChange` event.
- */
-export declare interface UploadOnStatusChangeEvent extends BaseUploadEvent<Upload> {
-    /**
-     * The new updated state candidate.
-     */
-    newState: Array<UploadFileInfo>;
-    /**
-     * The list of the affected files.
-     */
-    affectedFiles: Array<UploadFileInfo>;
-    /**
-     * The server response (if available).
-     */
-    response?: UploadResponse;
-}
-
-/**
- * Represents the props of the [KendoReact Upload component](https://www.telerik.com/kendo-react-ui/components/upload).
- */
-export declare interface UploadProps extends UploadAsyncProps {
-    /**
-     * Adds a custom CSS class to the Upload container element.
-     *
-     * Example:
-     * ```jsx
-     * <Upload className="custom-upload-class" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Enables or disables the selection of multiple files. Defaults to `true`.
-     *
-     * @default true
-     *
-     * @example
-     * ```jsx
-     * <Upload multiple={false} />
-     * ```
-     */
-    multiple?: boolean;
-    /**
-     * Disables the Upload component. Defaults to `false`.
-     *
-     * @default false
-     *
-     * @example
-     * ```jsx
-     * <Upload disabled={true} />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * Toggles the visibility of the file list in the Upload component.
-     *
-     * @default true
-     *
-     * @example
-     * ```jsx
-     * <Upload showFileList={false} />
-     * ```
-     */
-    showFileList?: boolean;
-    /**
-     * Toggles the visibility of action buttons when `autoUpload` is set to `false`.
-     *
-     * @default true
-     *
-     * @example
-     * ```jsx
-     * <Upload autoUpload={false} showActionButtons={true} />
-     * ```
-     */
-    showActionButtons?: boolean;
-    /**
-     * Specifies the layout of the action buttons. Defaults to `end`.
-     *
-     * @default "end"
-     *
-     * @example
-     * ```jsx
-     * <Upload actionsLayout="start" />
-     * ```
-     */
-    actionsLayout?: UploadActionsLayout;
-    /**
-     * Sets the `tabIndex` attribute of the Upload component.
-     *
-     * Example:
-     * ```jsx
-     * <Upload tabIndex={0} />
-     * ```
-     */
-    tabIndex?: number | string;
-    /**
-     * Specifies the `id` attribute of the Upload component.
-     *
-     * Example:
-     * ```jsx
-     * <Upload id="upload-component" />
-     * ```
-     */
-    id?: string;
-    /**
-     * Identifies elements that describe the Upload component, similar to the `aria-describedby` attribute.
-     *
-     * Example:
-     * ```jsx
-     * <Upload ariaDescribedBy="upload-description" />
-     * ```
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies elements that label the Upload component, similar to the `aria-labelledby` attribute.
-     *
-     * Example:
-     * ```jsx
-     * <Upload ariaLabelledBy="upload-label" />
-     * ```
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Sets the `accept` attribute of the file input element to specify allowed file types.
-     *
-     * Example:
-     * ```jsx
-     * <Upload accept=".jpg,.png" />
-     * ```
-     */
-    accept?: string;
-    /**
-     * Configures file restrictions such as allowed extensions and maximum file size.
-     *
-     * Example:
-     * ```jsx
-     * <Upload restrictions={{ allowedExtensions: ['.jpg', '.png'], maxFileSize: 1048576 }} />
-     * ```
-     */
-    restrictions?: UploadFileRestrictions;
-    /**
-     * Provides the list of files to be displayed in controlled mode.
-     *
-     * Example:
-     * ```jsx
-     * <Upload files={[{ name: 'file1.jpg', size: 1024 }]} />
-     * ```
-     */
-    files?: Array<UploadFileInfo>;
-    /**
-     * Provides the initial list of files to be displayed in uncontrolled mode.
-     *
-     * Example:
-     * ```jsx
-     * <Upload defaultFiles={[{ name: 'file1.jpg', size: 1024 }]} />
-     * ```
-     */
-    defaultFiles?: Array<UploadFileInfo>;
-    /**
-     * Customizes the rendering of list items in the file list.
-     *
-     * Example:
-     * ```jsx
-     * <Upload listItemUI={(props) => <CustomListItem {...props} />} />
-     * ```
-     */
-    listItemUI?: React.ComponentType<UploadListItemProps>;
-    /**
-     * Customizes the content of the add button in the Upload component.
-     *
-     * Example:
-     * ```jsx
-     * <Upload selectMessageUI={(props) => <CustomSelectMessage {...props} />} />
-     * ```
-     */
-    selectMessageUI?: React.ComponentType<UploadSelectMessageProps>;
-    /**
-     * Triggered when new files are selected for upload.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onAdd={(event) => console.log(event.files)} />
-     * ```
-     */
-    onAdd?: (event: UploadOnAddEvent) => void;
-    /**
-     * Triggered when files are removed. May include a server response if applicable.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onRemove={(event) => console.log(event.files)} />
-     * ```
-     */
-    onRemove?: (event: UploadOnRemoveEvent) => void;
-    /**
-     * Triggered when the status of files changes. May include a server response if applicable.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onStatusChange={(event) => console.log(event.files)} />
-     * ```
-     */
-    onStatusChange?: (event: UploadOnStatusChangeEvent) => void;
-    /**
-     * Triggered when the upload progress of a file changes.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onProgress={(event) => console.log(event.percentComplete)} />
-     * ```
-     */
-    onProgress?: (event: UploadOnProgressEvent) => void;
-    /**
-     * Triggered before a file upload request is made. Can be used to add extra data to the request.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onBeforeUpload={(event) => console.log(event.additionalData)} />
-     * ```
-     */
-    onBeforeUpload?: (event: UploadOnBeforeUploadEvent) => void;
-    /**
-     * Triggered before a file removal request is made. Can be used to add extra data to the request.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onBeforeRemove={(event) => console.log(event.additionalData)} />
-     * ```
-     */
-    onBeforeRemove?: (event: UploadOnBeforeRemoveEvent) => void;
-    /**
-     * Triggered when the user cancels an upload in progress. Useful for custom cancellation logic.
-     *
-     * Example:
-     * ```jsx
-     * <Upload onCancel={(event) => console.log('Upload canceled')} />
-     * ```
-     */
-    onCancel?: (event: UploadOnCancelEvent) => void;
-}
-
-/**
- * Represents the response type of the Upload.
- */
-export declare interface UploadResponse {
-    /**
-     * The response that was provided by the server.
-     */
-    response: any;
-    /**
-     * The HTTP status code from the server response.
-     */
-    status: number;
-    /**
-     * The HTTP status message from the server response.
-     */
-    statusText: string;
-    /**
-     * The headers with which the server responded.
-     */
-    headers: any;
-    /**
-     * The XMLHttpRequest instance of the browser.
-     */
-    request?: XMLHttpRequest;
-}
-
-/**
- * @hidden
- */
-export declare const uploadSelect = "upload.select";
-
-/**
- * Represents the props of the UI component that is inside the Upload add button.
- */
-export declare interface UploadSelectMessageProps {
-    /**
-     * The `select` localized message.
-     */
-    message: any;
-}
-
-/**
- * @hidden
- */
-declare interface UploadState {
-    files: Array<UploadFileInfo>;
-}
-
-/**
- * @hidden
- */
-export declare class UploadStatus extends React_2.Component<UploadStatusProps, {}> {
-    render(): JSX.Element;
-}
-
-/**
- * @hidden
- */
-declare interface UploadStatusProps {
-    isUploading: boolean;
-    isUploaded: boolean;
-    isUploadFailed: boolean;
-}
-
-export declare const UploadUI: React_2.ForwardRefExoticComponent<UploadUIProps & React_2.RefAttributes<any>>;
-
-/**
- * @hidden
- */
-export declare interface UploadUIProps extends UploadAsyncProps {
-    className?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    showFileList?: boolean;
-    showActionButtons?: boolean;
-    actionsLayout?: string;
-    tabIndex?: number;
-    accept?: string;
-    groupedFiles: GroupedFiles;
-    navigationIndex?: number;
-    notFocusedIndex?: number;
-    listItemUI?: React_2.ComponentType<UploadListItemProps>;
-    selectMessageUI?: React_2.ComponentType<UploadSelectMessageProps>;
-    id?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
-    onAdd?: (files: FileList) => void;
-    onCancel?: (uid: string) => void;
-    onRemove?: (uid: string) => void;
-    onRetry?: (uid: string) => void;
-    onUpload?: () => void;
-    onClear?: () => void;
-    onFocus?: (event: React_2.FocusEvent<HTMLDivElement>) => void;
-    onBlur?: (event: React_2.FocusEvent<HTMLDivElement>) => void;
-    onKeyDown?: (event: React_2.KeyboardEvent, isRtl: boolean) => void;
-    onClick?: (navIndex: number) => void;
-}
-
-export declare const uploadUtils: {
-    fileHasValidationErrors: Function;
-    filesHaveValidationErrors: Function;
-    getTotalFilesSizeMessage: Function;
-    getAllFileInfo: Function;
-    getFileInfo: Function;
-    getFileExtension: Function;
-    htmlEncode: Function;
-    assignGuidToFiles: Function;
-    getFileStatus: (currentFiles: GroupedFiles | UploadFileInfo[]) => boolean[];
-};
-
-export { }
+import { UploadUI, UploadUIProps } from './UploadUI.js';
+import { Upload } from './Upload.js';
+import { UploadOnAddEvent } from './interfaces/UploadOnAddEvent.js';
+import { UploadOnBeforeRemoveEvent } from './interfaces/UploadOnBeforeRemoveEvent.js';
+import { UploadOnBeforeUploadEvent } from './interfaces/UploadOnBeforeUploadEvent.js';
+import { UploadOnProgressEvent } from './interfaces/UploadOnProgressEvent.js';
+import { UploadOnRemoveEvent } from './interfaces/UploadOnRemoveEvent.js';
+import { UploadOnStatusChangeEvent } from './interfaces/UploadOnStatusChangeEvent.js';
+import { UploadAdditionalData } from './interfaces/UploadAdditionalData.js';
+import { UploadAsyncProps } from './interfaces/UploadAsyncProps.js';
+import { UploadFileInfo } from './interfaces/UploadFileInfo.js';
+import { UploadFileRestrictions } from './interfaces/UploadFileRestrictions.js';
+import { UploadFileStatus } from './interfaces/UploadFileStatus.js';
+import { UploadHttpHeaders } from './interfaces/UploadHttpHeaders.js';
+import { UploadResponse } from './interfaces/UploadResponse.js';
+import { UploadListItemProps } from './interfaces/UploadListItemProps.js';
+import { UploadProps } from './interfaces/UploadProps.js';
+import { UploadOnCancelEvent } from './interfaces/UploadOnCancelEvent.js';
+import { UploadActionsLayout } from './interfaces/UploadActionsLayout.js';
+import { ExternalDropZone } from './ExternalDropZone.js';
+import { UploadSelectMessageProps } from './interfaces/UploadSelectMessageProps.js';
+import { UploadActionButtons } from './UploadActionButtons.js';
+import { messages as uploadMessages, select as uploadSelect, invalidMaxFileSize, headerStatusUploaded, headerStatusUploading } from './messages/index.js';
+import { UploadListSingleItem } from './UploadListSingleItem.js';
+import { UploadAddButton } from './UploadAddButton.js';
+import { UploadListActionButton } from './UploadListActionButton.js';
+import { UploadListMultiItem } from './UploadListMultiItem.js';
+import { UploadListGroup } from './UploadListGroup.js';
+import { UploadDropZone } from './UploadDropZone.js';
+import { UploadInput } from './UploadInput.js';
+import { UploadList } from './UploadList.js';
+import { UploadStatus } from './UploadStatus.js';
+import { default as utils } from './utils/utils.js';
+export { UploadUI, UploadUIProps, UploadFileRestrictions, Upload, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, UploadSelectMessageProps, UploadActionButtons, UploadListSingleItem, UploadAddButton, UploadListActionButton, UploadListGroup, UploadDropZone, UploadListMultiItem, UploadInput, UploadList, UploadStatus, uploadMessages, uploadSelect, invalidMaxFileSize, headerStatusUploaded, headerStatusUploading, utils as uploadUtils };