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

package/ExternalDropZone.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represents the properties of the [ExternalDropZone](https://www.telerik.com/kendo-react-ui/components/upload/api/externaldropzone) component.
+ */
+export 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.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.ReactNode;
+    /**
+     * Sets different note node.
+     */
+    customNote?: React.ReactNode;
+    /**
+     * Triggered after a file is dropped into the ExternalDropZone area.
+     */
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /**
+     * Triggered after a file is dragged inside the ExternalDropZone area.
+     */
+    onElementDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /**
+     * Triggered after a file dragging is over.
+     */
+    onElementDragOver?: (event: React.DragEvent<HTMLDivElement>) => 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.
+     */
+    syntheticEvent: React.SyntheticEvent<any>;
+}
+/**
+ * Represents the ExternalDropZone component.
+ */
+export declare const ExternalDropZone: React.ForwardRefExoticComponent<ExternalDropZoneProps & React.RefAttributes<ExternalDropZoneHandle | null>>;

package/ExternalDropZone.mjs

@@ -7,7 +7,7 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { validatePackage as M, getLicenseMessage as A, classNames as W, getTabIndex as _, IconWrap as K, WatermarkOverlay as P } from "@progress/kendo-react-common";
+import { validatePackage as M, getLicenseMessage as A, getTabIndex as W, classNames as _, IconWrap as K, WatermarkOverlay as P } from "@progress/kendo-react-common";
 import { uploadIcon as F } from "@progress/kendo-svg-icons";
 import { IntlService as G, useLocalization as U } from "@progress/kendo-react-intl";
 import { dropZoneHint as v, messages as m, dropZoneNote as p, restrictionsDropZoneNote as b } from "./messages/index.mjs";
@@ -64,7 +64,7 @@ const k = 100, R = e.forwardRef((n, O) => {
     {
       ref: l,
       id: n.id,
-      className: W(
+      className: _(
         "k-external-dropzone",
         {
           "k-external-dropzone-hover": z,
@@ -72,7 +72,7 @@ const k = 100, R = e.forwardRef((n, O) => {
         },
         n.className
       ),
-      tabIndex: _(n.tabIndex, n.disabled, void 0),
+      tabIndex: W(n.tabIndex, n.disabled, void 0),
       onDrop: L,
       onDragEnter: S,
       onDragOver: H

package/Upload.d.ts

@@ -0,0 +1,162 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { GroupedFiles } from './interfaces/FileGroup.js';
+import { UploadFileInfo } from './interfaces/UploadFileInfo.js';
+import { UploadFileStatus } from './interfaces/UploadFileStatus.js';
+import { AxiosResponse, AxiosProgressEvent } from 'axios';
+import { UploadProps } from './interfaces/UploadProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+interface UploadState {
+    files: Array<UploadFileInfo>;
+}
+export declare class Upload extends React.Component<UploadProps, UploadState> {
+    /**
+     * @hidden
+     */
+    static defaultProps: UploadProps;
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        autoUpload: PropTypes.Requireable<boolean>;
+        batch: PropTypes.Requireable<boolean>;
+        withCredentials: PropTypes.Requireable<boolean>;
+        saveField: PropTypes.Requireable<string>;
+        saveHeaders: PropTypes.Requireable<object>;
+        saveMethod: PropTypes.Requireable<string>;
+        saveUrl: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        responseType: PropTypes.Requireable<string>;
+        removeField: PropTypes.Requireable<string>;
+        removeHeaders: PropTypes.Requireable<object>;
+        removeMethod: PropTypes.Requireable<string>;
+        removeUrl: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        multiple: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        showFileList: PropTypes.Requireable<boolean>;
+        showActionButtons: PropTypes.Requireable<boolean>;
+        actionsLayout: PropTypes.Requireable<string>;
+        tabIndex: PropTypes.Requireable<number>;
+        accept: PropTypes.Requireable<string>;
+        listItemUI: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | PropTypes.InferProps<{
+            render: PropTypes.Validator<(...args: any[]) => any>;
+        }> | null | undefined>>;
+        restrictions: PropTypes.Requireable<PropTypes.InferProps<{
+            allowedExtensions: PropTypes.Requireable<(string | null | undefined)[]>;
+            maxFileSize: PropTypes.Requireable<number>;
+            minFileSize: PropTypes.Requireable<number>;
+        }>>;
+        files: PropTypes.Requireable<(PropTypes.InferProps<{
+            uid: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            extension: PropTypes.Requireable<string>;
+            size: PropTypes.Requireable<number>;
+            validationErrors: PropTypes.Requireable<(string | null | undefined)[]>;
+            status: PropTypes.Requireable<UploadFileStatus>;
+            progress: PropTypes.Requireable<number>;
+            getRawFile: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        defaultFiles: PropTypes.Requireable<(PropTypes.InferProps<{
+            uid: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            extension: PropTypes.Requireable<string>;
+            size: PropTypes.Requireable<number>;
+            validationErrors: PropTypes.Requireable<(string | null | undefined)[]>;
+            status: PropTypes.Requireable<UploadFileStatus>;
+            progress: PropTypes.Requireable<number>;
+            getRawFile: PropTypes.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(): React.JSX.Element;
+}
+export {};

package/UploadActionButtons.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface UploadActionButtonsProps {
+    disabled: boolean;
+    navigationIndex?: number;
+    clearButtonIndex: number;
+    uploadButtonIndex: number;
+    actionsLayout: string;
+    onUpload: () => void;
+    onClear: () => void;
+    onClick: (navIndex: number | undefined) => void;
+}
+/**
+ * @hidden
+ */
+export declare class UploadActionButtons extends React.Component<UploadActionButtonsProps, {}> {
+    private _uploadElement;
+    private _clearElement;
+    componentDidUpdate(prevProps: UploadActionButtonsProps): void;
+    onClearClick: () => void;
+    checkEnterKey: (e: React.KeyboardEvent) => boolean;
+    onUploadClick: () => void;
+    render(): React.JSX.Element;
+}

package/UploadActionButtons.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),i=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-intl"),a=require("./messages/index.js");function f(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const c=f(b);class p extends c.Component{constructor(){super(...arguments),this._uploadElement=null,this._clearElement=null,this.onClearClick=()=>{this.props.disabled||this.props.onClear&&this.props.onClear.call(void 0)},this.checkEnterKey=t=>t.keyCode===i.Keys.enter,this.onUploadClick=()=>{this.props.disabled||(this.props.onClick.call(void 0,this.props.uploadButtonIndex),this.props.onUpload&&this.props.onUpload.call(void 0))}}componentDidUpdate(t){const{navigationIndex:e,clearButtonIndex:s,uploadButtonIndex:r}=this.props;e!==t.navigationIndex&&(e===s&&this._clearElement&&this._clearElement.focus(),e===r&&this._uploadElement&&this._uploadElement.focus())}render(){const{disabled:t,navigationIndex:e,clearButtonIndex:s,uploadButtonIndex:r,actionsLayout:l}=this.props,d=u.provideLocalizationService(this),k=i.classNames("k-actions","k-hstack",{"k-justify-content-start":l==="start","k-justify-content-center":l==="center","k-justify-content-end":l==="end","k-justify-content-stretch":l==="stretched"}),m=i.classNames("k-button k-button-md k-rounded-md k-button-solid k-button-solid-base","k-clear-selected",t?"k-disabled":"",e===s?"k-focus":""),h=i.classNames("k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary","k-primary","k-upload-selected",t?"k-disabled":"",e===r?"k-focus":"");return c.createElement("div",{className:k},c.createElement("button",{ref:n=>{this._clearElement=n},type:"button",className:m,tabIndex:0,onClick:this.onClearClick,onKeyDown:n=>this.checkEnterKey(n)&&this.onClearClick()},d.toLanguageString(a.clearSelectedFiles,a.messages[a.clearSelectedFiles])),c.createElement("button",{ref:n=>{this._uploadElement=n},type:"button",className:h,tabIndex:0,onClick:this.onUploadClick,onKeyDown:n=>this.checkEnterKey(n)&&this.onUploadClick()},d.toLanguageString(a.uploadSelectedFiles,a.messages[a.uploadSelectedFiles])))}}u.registerForLocalization(p);exports.UploadActionButtons=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),i=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-intl"),a=require("./messages/index.js");function f(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const c=f(b);class p extends c.Component{constructor(){super(...arguments),this._uploadElement=null,this._clearElement=null,this.onClearClick=()=>{this.props.disabled||this.props.onClear&&this.props.onClear.call(void 0)},this.checkEnterKey=t=>t.keyCode===i.Keys.enter,this.onUploadClick=()=>{this.props.disabled||(this.props.onClick.call(void 0,this.props.uploadButtonIndex),this.props.onUpload&&this.props.onUpload.call(void 0))}}componentDidUpdate(t){const{navigationIndex:e,clearButtonIndex:s,uploadButtonIndex:r}=this.props;e!==t.navigationIndex&&(e===s&&this._clearElement&&this._clearElement.focus(),e===r&&this._uploadElement&&this._uploadElement.focus())}render(){const{disabled:t,navigationIndex:e,clearButtonIndex:s,uploadButtonIndex:r,actionsLayout:l}=this.props,d=u.provideLocalizationService(this),k=i.classNames("k-actions","k-hstack",{"k-justify-content-start":l==="start","k-justify-content-center":l==="center","k-justify-content-end":l==="end","k-justify-content-stretch":l==="stretched"}),m=i.classNames("k-button k-button-md k-rounded-md k-button-solid k-button-base","k-clear-selected",t?"k-disabled":"",e===s?"k-focus":""),h=i.classNames("k-button k-button-md k-rounded-md k-button-solid k-button-primary","k-primary","k-upload-selected",t?"k-disabled":"",e===r?"k-focus":"");return c.createElement("div",{className:k},c.createElement("button",{ref:n=>{this._clearElement=n},type:"button",className:m,tabIndex:0,onClick:this.onClearClick,onKeyDown:n=>this.checkEnterKey(n)&&this.onClearClick()},d.toLanguageString(a.clearSelectedFiles,a.messages[a.clearSelectedFiles])),c.createElement("button",{ref:n=>{this._uploadElement=n},type:"button",className:h,tabIndex:0,onClick:this.onUploadClick,onKeyDown:n=>this.checkEnterKey(n)&&this.onUploadClick()},d.toLanguageString(a.uploadSelectedFiles,a.messages[a.uploadSelectedFiles])))}}u.registerForLocalization(p);exports.UploadActionButtons=p;

package/UploadActionButtons.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as s from "react";
-import { Keys as m, classNames as a } from "@progress/kendo-react-common";
+import { Keys as m, classNames as l } from "@progress/kendo-react-common";
 import { provideLocalizationService as f, registerForLocalization as b } from "@progress/kendo-react-intl";
 import { clearSelectedFiles as c, messages as d, uploadSelectedFiles as p } from "./messages/index.mjs";
 class C extends s.Component {
@@ -18,26 +18,26 @@ class C extends s.Component {
     };
   }
   componentDidUpdate(e) {
-    const { navigationIndex: o, clearButtonIndex: i, uploadButtonIndex: l } = this.props;
-    o !== e.navigationIndex && (o === i && this._clearElement && this._clearElement.focus(), o === l && this._uploadElement && this._uploadElement.focus());
+    const { navigationIndex: o, clearButtonIndex: i, uploadButtonIndex: a } = this.props;
+    o !== e.navigationIndex && (o === i && this._clearElement && this._clearElement.focus(), o === a && this._uploadElement && this._uploadElement.focus());
   }
   render() {
-    const { disabled: e, navigationIndex: o, clearButtonIndex: i, uploadButtonIndex: l, actionsLayout: n } = this.props, r = f(this), u = a("k-actions", "k-hstack", {
+    const { disabled: e, navigationIndex: o, clearButtonIndex: i, uploadButtonIndex: a, actionsLayout: n } = this.props, r = f(this), u = l("k-actions", "k-hstack", {
       "k-justify-content-start": n === "start",
       "k-justify-content-center": n === "center",
       "k-justify-content-end": n === "end",
       "k-justify-content-stretch": n === "stretched"
-    }), k = a(
-      "k-button k-button-md k-rounded-md k-button-solid k-button-solid-base",
+    }), k = l(
+      "k-button k-button-md k-rounded-md k-button-solid k-button-base",
       "k-clear-selected",
       e ? "k-disabled" : "",
       o === i ? "k-focus" : ""
-    ), h = a(
-      "k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary",
+    ), h = l(
+      "k-button k-button-md k-rounded-md k-button-solid k-button-primary",
       "k-primary",
       "k-upload-selected",
       e ? "k-disabled" : "",
-      o === l ? "k-focus" : ""
+      o === a ? "k-focus" : ""
     );
     return /* @__PURE__ */ s.createElement("div", { className: u }, /* @__PURE__ */ s.createElement(
       "button",

package/UploadAddButton.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @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.js';
+import { UploadSelectMessageProps } from './interfaces/UploadSelectMessageProps.js';
+import * as React from 'react';
+/**
+ * @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;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    hasFiles?: boolean;
+    onAdd: (files: FileList) => void;
+    onClick: (navIndex: number | undefined) => void;
+    selectMessageUI?: React.ComponentType<UploadSelectMessageProps>;
+}
+/**
+ * @hidden
+ */
+export declare class UploadAddButton extends React.Component<UploadAddButtonProps, {}> {
+    private _element;
+    private _uploadInput;
+    get actionElement(): HTMLInputElement | null | undefined;
+    componentDidUpdate(prevProps: UploadAddButtonProps): void;
+    focus: () => void;
+    onClick: () => void;
+    onInputMouseDown: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    render(): React.JSX.Element;
+}

package/UploadAddButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),b=require("@progress/kendo-react-common"),r=require("@progress/kendo-react-intl"),_=require("@progress/kendo-react-buttons"),i=require("./messages/index.js"),x=require("./UploadInput.js");function k(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const a=k(I),v=n=>a.createElement("span",{"aria-hidden":!0},n.message);class u extends a.Component{constructor(){super(...arguments),this._element=null,this._uploadInput=null,this.focus=()=>{this._element&&this._element.focus()},this.onClick=()=>{this.actionElement&&this.actionElement.click(),this.props.onClick.call(void 0,this.props.addButtonIndex)},this.onInputMouseDown=e=>{this._element&&(e.preventDefault(),this._element.focus())}}get actionElement(){if(this._uploadInput)return this._uploadInput.actionElement}componentDidUpdate(e){const{navigationIndex:t,addButtonIndex:o,notFocusedIndex:s}=this.props;t!==e.navigationIndex&&e.navigationIndex!==s&&t===o&&this._element&&this._element.focus()}render(){const{navigationIndex:e,addButtonIndex:t,tabIndex:o,id:s,ariaControls:d,disabled:p,ariaExpanded:m,selectMessageUI:l,...h}=this.props,c=r.provideLocalizationService(this).toLanguageString(i.select,i.messages[i.select]),f=l||v;return a.createElement("div",{className:"k-upload-button-wrap"},a.createElement(_.Button,{type:"button",id:s?`${s}-select-button`:"select-button",className:b.classNames("k-upload-button",e===t?"k-focus":""),themeColor:"base",tabIndex:o,onClick:this.onClick,"aria-label":c,"aria-controls":d,"aria-disabled":p,"aria-expanded":m},a.createElement(f,{message:c})),a.createElement(x.UploadInput,{id:s?`${s}-files`:"files",...h,onMouseDown:this.onInputMouseDown,ref:g=>{this._uploadInput=g}}))}}r.registerForLocalization(u);exports.UploadAddButton=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),b=require("@progress/kendo-react-common"),r=require("@progress/kendo-react-intl"),_=require("@progress/kendo-react-buttons"),i=require("./messages/index.js"),x=require("./UploadInput.js");function k(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const a=k(I),v=n=>a.createElement("span",{"aria-hidden":!0},n.message);class u extends a.Component{constructor(){super(...arguments),this._element=null,this._uploadInput=null,this.focus=()=>{this._element&&this._element.focus()},this.onClick=()=>{this.actionElement&&this.actionElement.click(),this.props.onClick.call(void 0,this.props.addButtonIndex)},this.onInputMouseDown=e=>{this._element&&(e.preventDefault(),this._element.focus())}}get actionElement(){if(this._uploadInput)return this._uploadInput.actionElement}componentDidUpdate(e){const{navigationIndex:t,addButtonIndex:o,notFocusedIndex:s}=this.props;t!==e.navigationIndex&&e.navigationIndex!==s&&t===o&&this._element&&this._element.focus()}render(){const{navigationIndex:e,addButtonIndex:t,tabIndex:o,id:s,ariaControls:d,disabled:p,ariaExpanded:m,selectMessageUI:l,...f}=this.props,c=r.provideLocalizationService(this).toLanguageString(i.select,i.messages[i.select]),h=l||v;return a.createElement("div",{className:"k-upload-button-wrap"},a.createElement(_.Button,{type:"button",id:s?`${s}-select-button`:"select-button",className:b.classNames("k-upload-button",e===t?"k-focus":""),tabIndex:o,onClick:this.onClick,"aria-label":c,"aria-controls":d,"aria-disabled":p,"aria-expanded":m},a.createElement(h,{message:c})),a.createElement(x.UploadInput,{id:s?`${s}-files`:"files",...f,onMouseDown:this.onInputMouseDown,ref:g=>{this._uploadInput=g}}))}}r.registerForLocalization(u);exports.UploadAddButton=u;

package/UploadAddButton.mjs

@@ -10,9 +10,9 @@ import { classNames as f } from "@progress/kendo-react-common";
 import { provideLocalizationService as I, registerForLocalization as g } from "@progress/kendo-react-intl";
 import { Button as x } from "@progress/kendo-react-buttons";
 import { select as r, messages as _ } from "./messages/index.mjs";
-import { UploadInput as b } from "./UploadInput.mjs";
-const v = (i) => /* @__PURE__ */ n.createElement("span", { "aria-hidden": !0 }, i.message);
-class E extends n.Component {
+import { UploadInput as v } from "./UploadInput.mjs";
+const E = (i) => /* @__PURE__ */ n.createElement("span", { "aria-hidden": !0 }, i.message);
+class b extends n.Component {
   constructor() {
     super(...arguments), this._element = null, this._uploadInput = null, this.focus = () => {
       this._element && this._element.focus();
@@ -41,14 +41,13 @@ class E extends n.Component {
       ariaExpanded: u,
       selectMessageUI: a,
       ...p
-    } = this.props, l = I(this).toLanguageString(r, _[r]), m = a || v;
+    } = this.props, l = I(this).toLanguageString(r, _[r]), m = a || E;
     return /* @__PURE__ */ n.createElement("div", { className: "k-upload-button-wrap" }, /* @__PURE__ */ n.createElement(
       x,
       {
         type: "button",
         id: t ? `${t}-select-button` : "select-button",
         className: f("k-upload-button", e === o ? "k-focus" : ""),
-        themeColor: "base",
         tabIndex: s,
         onClick: this.onClick,
         "aria-label": l,
@@ -58,7 +57,7 @@ class E extends n.Component {
       },
       /* @__PURE__ */ n.createElement(m, { message: l })
     ), /* @__PURE__ */ n.createElement(
-      b,
+      v,
       {
         id: t ? `${t}-files` : "files",
         ...p,
@@ -70,7 +69,7 @@ class E extends n.Component {
     ));
   }
 }
-g(E);
+g(b);
 export {
-  E as UploadAddButton
+  b as UploadAddButton
 };

package/UploadDropZone.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @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.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface UploadDropZoneProps {
+    addButtonComponent: any;
+    fileGroup: GroupedFiles;
+    disabled: boolean | undefined;
+    multiple: boolean;
+    onAdd: (files: FileList) => void;
+}
+/**
+ * @hidden
+ */
+export declare class UploadDropZone extends React.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(): React.JSX.Element;
+}

package/UploadInput.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @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.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export 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.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+}
+/**
+ * @hidden
+ */
+export declare class UploadInput extends React.Component<UploadInputProps, {}> {
+    private _input;
+    get actionElement(): HTMLInputElement | null;
+    onMouseDown: (e: any) => void;
+    onAdd: () => void;
+    render(): React.JSX.Element;
+}

package/UploadInput.mjs

@@ -7,7 +7,7 @@
  */
 import { provideLocalizationService as f, registerForLocalization as b } from "@progress/kendo-react-intl";
 import * as n from "react";
-import { messages as a, select as r, selectTitle as v, selectNoFilesTitle as w } from "./messages/index.mjs";
+import { selectTitle as v, selectNoFilesTitle as w, messages as a, select as r } from "./messages/index.mjs";
 const y = /(chrome)[ \/]([\w.]+)/i, A = /(webkit)[ \/]([\w.]+)/i;
 class E extends n.Component {
   constructor() {

package/UploadList.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @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.js';
+import { UploadAsyncProps } from './interfaces/UploadAsyncProps.js';
+import { UploadListItemProps } from './interfaces/UploadListItemProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface UploadListProps {
+    groupedFiles: GroupedFiles;
+    async: UploadAsyncProps;
+    disabled: boolean;
+    navigationIndex?: number;
+    listId?: string;
+    listItemUI?: React.ComponentType<UploadListItemProps>;
+    onCancel: (uid: string) => void;
+    onRemove: (uid: string) => void;
+    onRetry: (uid: string) => void;
+    onClick: (navIndex: number | undefined) => void;
+}
+/**
+ * @hidden
+ */
+export declare class UploadList extends React.Component<UploadListProps, {}> {
+    mapListGroups(): React.JSX.Element[];
+    render(): React.JSX.Element;
+}

package/UploadListActionButton.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { UploadFileStatus } from './interfaces/UploadFileStatus.js';
+import { UploadAsyncProps } from './interfaces/UploadAsyncProps.js';
+import { LocalizationService } from '@progress/kendo-react-intl';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export 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
+ */
+export interface UploadListActionButtonState {
+    retryFocused: boolean;
+    actionFocused: boolean;
+}
+/**
+ * @hidden
+ */
+export declare class UploadListActionButton extends React.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(): React.JSX.Element;
+}