/** * @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) => void; /** * Triggered after a file is dragged inside the ExternalDropZone area. */ onElementDragEnter?: (event: React.DragEvent) => void; /** * Triggered after a file dragging is over. */ onElementDragOver?: (event: React.DragEvent) => 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; } /** * Represents the ExternalDropZone component. */ export declare const ExternalDropZone: React.ForwardRefExoticComponent>;