@progress/kendo-react-common/unstyled/popup.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 { WidgetClassStructure } from './interfaces/common.js';
/**
 * Defines the animation classes for slide transitions in the Popup component.
 * Extends PopupAnimationClasses for consistency.
 */
export interface SlideAnimationClasses extends PopupAnimationClasses {
}
/**
 * Defines the base classes for slide, push, and expand animations in the Popup component.
 * Contains directional animation settings.
 */
export interface SlideClasses extends BaseClasses {
}
/**
 * Represents the animation class names for enter and exit transitions.
 * Used for all animation types (slide, fade, zoom, push, expand).
 */
export interface PopupAnimationClasses {
    /** Enter animation prefix for enter */
    enter?: string;
    /** Exit animation prefix for exit */
    exit?: string;
}
/**
 * Contains directional animation settings for slide, push, and expand animations.
 * Each direction (up, down, left, right) maps to PopupAnimationClasses.
 */
export interface BaseClasses {
    /** Animation settings for sliding up */
    up?: PopupAnimationClasses;
    /** Animation settings for sliding down */
    down?: PopupAnimationClasses;
    /** Animation settings for sliding left */
    left?: PopupAnimationClasses;
    /** Animation settings for sliding right */
    right?: PopupAnimationClasses;
}
/**
 * Animation settings for zoom transitions in the Popup component.
 * Includes zoom in and zoom out configurations.
 */
export interface ZoomClasses {
    /** Animation settings for zooming in */
    in?: PopupAnimationClasses;
    /** Animation settings for zooming out */
    out?: PopupAnimationClasses;
}
/**
 * Animation settings for expand transitions in the Popup component.
 * Includes horizontal and vertical expand configurations.
 */
export interface ExpandClasses {
    /** Animation settings for expanding horizontal */
    horizontal?: PopupAnimationClasses;
    /** Animation settings for expanding vertical */
    vertical?: PopupAnimationClasses;
}
/**
 * Defines all animation-related class names and configurations for the Popup component.
 * Includes slide, zoom, fade, push, and expand animation settings, both active and inactive.
 * Also provides container and child animation class names.
 */
export interface PopupClasses {
    /** Prefix for the animation container */
    animationContainer?: string;
    /** Prefix for the shown animation container */
    animationContainerShown?: string;
    /** Prefix for child animations within the animation */
    animationChild?: string;
    /** Prefix for the popup animation */
    popup?: string;
    /**
     * Slide animation configurations for different directions.
     */
    slide?: BaseClasses;
    /**
     * Active slide animation configurations for different directions.
     */
    slideActive?: BaseClasses;
    /**
     * Zoom animation configurations.
     */
    zoom?: ZoomClasses;
    /**
     * Active zoom animation configurations.
     */
    zoomActive?: ZoomClasses;
    /**
     * Fade animation configurations.
     */
    fade?: PopupAnimationClasses;
    /**
     * Active fade animation configurations.
     */
    fadeActive?: PopupAnimationClasses;
    /**
     * Push animation configurations for different directions.
     */
    push?: BaseClasses;
    /**
     * Active push animation configurations for different directions.
     */
    pushActive?: BaseClasses;
    /**
     * Expand animation configurations for horizontal and vertical directions.
     */
    expand?: ExpandClasses;
    /**
     * Active expand animation configurations for horizontal and vertical directions.
     */
    expandActive?: ExpandClasses;
}
/**
 * @hidden
 */
export declare const uPopup: WidgetClassStructure;