@progress/kendo-react-common/models/mouse.d.ts

React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package

/**
 * @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';
export interface KendoMouse<T, E extends HTMLElement> {
    /**
     * Fired when the mouse button is pressed down on the element.
     */
    onMouseDown?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse button is released over the element.
     */
    onMouseUp?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the element is clicked.
     */
    onClick?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the element is double-clicked.
     */
    onDoubleClick?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse pointer enters the element.
     */
    onMouseEnter?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse pointer leaves the element.
     */
    onMouseLeave?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse pointer moves over the element.
     */
    onMouseMove?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse pointer leaves the element or any of its child elements.
     */
    onMouseOut?: (args: KendoMouseEvent<T, E>) => void;
    /**
     * Fired when the mouse pointer moves over the element or any of its child elements.
     */
    onMouseOver?: (args: KendoMouseEvent<T, E>) => void;
}
export interface KendoMouseEvent<T, E extends HTMLElement = HTMLElement> {
    /**
     * The React synthetic mouse event that triggered the action.
     */
    syntheticEvent: React.MouseEvent<E>;
    /**
     * The target object that is associated with the event.
     */
    target: T;
}