@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

package/drawer/interfaces/DrawerProps.d.ts

@@ -1,86 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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';
-import { DrawerSelectEvent } from './DrawerSelectEvent';
-import { DrawerAnimation } from '../interfaces/DrawerAnimation';
-import { DrawerItemProps } from './DrawerItemProps';
-/**
- * The properties of the [KendoReact Drawer component]({% slug overview_drawer %}).
- */
-export interface DrawerProps {
-    /**
-     * Specifies the animation settings of the Drawer.
-     * If boolean enables or disables the default animation.
-     * Use DrawerAnimation to set slide animation with customizable duration option. Accepts a number in milliseconds.
-     */
-    animation?: boolean | DrawerAnimation;
-    /**
-     * Specifies the state of the Drawer. Defaults to `false` ([see example]({% slug expanded_state_drawer %})).
-     */
-    expanded?: boolean;
-    /**
-     * Sets the Drawer items declaratively.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the Drawer element.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the mode in which the Drawer will be displayed.
-     * The possible values are `overlay` and `push`.
-     * Defaults to `overlay` ([see example]({% slug display_modes_drawer %}#toc-expand-modes)).
-     */
-    mode?: 'overlay' | 'push';
-    /**
-     * Specifies the position of the Drawer.
-     * The possible values are `start` and `end` ([see example]({% slug positioning_drawer %})).
-     */
-    position?: 'start' | 'end';
-    /**
-     * Sets additional CSS styles to the Drawer.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` property of the Drawer.
-     */
-    tabIndex?: number;
-    /**
-     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
-     * ([see example]({% slug display_modes_drawer %}#toc-mini-view))).
-     */
-    mini?: boolean;
-    /**
-     * Defines the width of the Drawer when the mini view is enabled and the component is collapsed. Defaults to `50`.
-     */
-    miniWidth?: number;
-    /**
-     * Defines the width of the Drawer when it is expanded. Defaults to `240`.
-     */
-    width?: number;
-    /**
-     * The collection of items that will be rendered in the Drawer ([see example]({% slug overview_drawer %})).
-     */
-    items?: Array<DrawerItemProps>;
-    /**
-     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering %})).
-     *
-     * The default Component is: [DrawerItem]({% slug api_layout_draweritem %}).
-     */
-    item?: React.ComponentType<DrawerItemProps>;
-    /**
-     * The event handler that will be fired when the overlay is clicked.
-     * Used in overlay mode only.
-     */
-    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * Fires when a Drawer item is selected.
-     */
-    onSelect?: (event: DrawerSelectEvent) => void;
-}

package/drawer/interfaces/DrawerSelectEvent.d.ts

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DrawerHandle } from '../Drawer';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onSelect` Drawer event.
- */
-export interface DrawerSelectEvent extends BaseEvent<DrawerHandle> {
-    /**
-     * A Drawer item event target.
-     */
-    itemTarget: any;
-    /**
-     * The index of the selected Drawer item.
-     */
-    itemIndex: number;
-}

package/expansionpanel/ExpansionPanel.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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';
-import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces';
-/**
- * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
- */
-export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<ExpansionPanelHandle | null>>;

package/expansionpanel/ExpansionPanelContent.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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 KendoReact ExpansionPanelContent component.
- */
-export declare const ExpansionPanelContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/expansionpanel/index.d.ts

@@ -1,7 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './ExpansionPanel';
-export * from './ExpansionPanelContent';
-export * from './interfaces';

package/expansionpanel/interfaces.d.ts

@@ -1,92 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { BaseEvent, SVGIcon } from '@progress/kendo-react-common';
-/**
- * The ExpansionPanel ref.
- */
-export interface ExpansionPanelHandle {
-    /**
-     * The ExpansionPanel element.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * The arguments for the `onAction` ExpansionPanel event.
- */
-export interface ExpansionPanelActionEvent extends BaseEvent<ExpansionPanelHandle> {
-    /**
-     * Represents the `expanded` state of the ExpansionPanel.
-     */
-    expanded: boolean;
-}
-/**
- * The props of the ExpansionPanel component.
- */
-export interface ExpansionPanelProps {
-    /**
-     * The React elements that will be rendered inside the ExpansionPanel.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS classes to the ExpansionPanel.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the ExpansionPanel.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root ExpansionPanel element.
-     */
-    id?: string;
-    /**
-     * Specifies the primary text in the header of the ExpansionPanel.
-     */
-    title?: React.ReactNode;
-    /**
-     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
-     */
-    subtitle?: React.ReactNode;
-    /**
-     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
-     */
-    expandIcon?: string;
-    /**
-     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
-     */
-    collapseIcon?: string;
-    /**
-     * Sets a custom SVG icon for the expanded state of the ExpansionPanel.
-     */
-    expandSVGIcon?: SVGIcon;
-    /**
-     * Sets a custom SVG icon for the collapsed state of the ExpansionPanel.
-     */
-    collapseSVGIcon?: SVGIcon;
-    /**
-     * Sets the `dir` property of the ExpansionPanel.
-     */
-    dir?: string;
-    /**
-     * Sets the `tabIndex` property of the ExpansionPanel.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `expanded` state of the ExpansionPanel.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the `disabled` state of the ExpansionPanel.
-     */
-    disabled?: boolean;
-    /**
-     * Sets `aria-controls`. The value should represent the `id` of the controlled content element.
-     */
-    ariaControls?: string;
-    /**
-     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
-     */
-    onAction?: (event: ExpansionPanelActionEvent) => void;
-}

package/gridlayout/GridLayout.d.ts

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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';
-import { GridLayoutProps } from './interfaces/GridLayoutProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the GridLayout component.
- */
-export interface GridLayoutHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
- * Arranges the contents of the component in rows and columns in a grid structure.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const GridLayout: React.ForwardRefExoticComponent<GridLayoutProps & React.RefAttributes<GridLayoutHandle | null>>;

package/gridlayout/GridLayoutItem.d.ts

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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';
-import { GridLayoutItemProps } from './interfaces/GridLayoutItemProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the GridLayoutItem component.
- */
-export interface GridLayoutItemHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const GridLayoutItem: React.ForwardRefExoticComponent<GridLayoutItemProps & React.RefAttributes<GridLayoutItemHandle | null>>;

package/gridlayout/interfaces/GridLayoutColumnProps.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the props of the [KendoReact GridLayout column]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutColumnProps {
-    /**
-     * Specifies the width of the GridLayout column ([see example]({% slug overview_gridlayout %}#toc-react-gridlayout-demo-preview)).
-     */
-    width?: number | string;
-}

package/gridlayout/interfaces/GridLayoutItemProps.d.ts

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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 props of the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutItemProps {
-    /**
-     * The React elements that will be rendered inside the GridLayoutItem.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS classes to the GridLayoutItem.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the GridLayoutItem.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root GridLayoutItem element.
-     */
-    id?: string;
-    /**
-     * Defines the column line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
-     */
-    col?: number;
-    /**
-     * Specifies the number of columns over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
-     * Defaults to `1`.
-     */
-    colSpan?: number;
-    /**
-     * Defines the row line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
-     */
-    row?: number;
-    /**
-     * Specifies the number of rows over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
-     * Defaults to `1`.
-     */
-    rowSpan?: number;
-}

package/gridlayout/interfaces/GridLayoutProps.d.ts

@@ -1,99 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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';
-import { GridLayoutColumnProps } from './GridLayoutColumnProps';
-import { GridLayoutRowProps } from './GridLayoutRowProps';
-/**
- * Represents the props of the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutProps {
-    /**
-     * The React elements that will be rendered inside the GridLayout.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS classes to the GridLayout.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the GridLayout.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root GridLayout element.
-     */
-    id?: string;
-    /**
-     * Specifies the gaps between the elements ([see example]({% slug layout_gridlayout %}#toc-gaps)).
-     *
-     * * The possible keys are:
-     * * `rows`
-     * * `columns`
-     */
-    gap?: GridLayoutGap;
-    /**
-     * Specifies the horizontal and vertical alignment of the inner GridLayout elements (see demos
-     * [here]({% slug layout_gridlayout %}#toc-horizontal-align) and [here]({% slug layout_gridlayout %}#toc-vertical-align)).
-     *
-     * The possible keys are:
-     * * `horizontal`—Defines the possible horizontal alignment of the inner GridLayout elements.
-     *   * `start`—Uses the start point of the container.
-     *   * `center`—Uses the central point of the container.
-     *   * `end`—Uses the end point of the container.
-     *   * (Default)`stretch`—Stretches the items to fill the width of the container.
-     * * `vertical`— Defines the possible vertical alignment of the inner GridLayout elements.
-     *   * `top`—Uses the top point of the container.
-     *   * `middle`—Uses the middle point of the container.
-     *   * `bottom`—Uses the bottom point of the container.
-     *   * (Default)`stretch`—Stretches the items to fill the height of the container.
-     */
-    align?: GridLayoutAlign;
-    /**
-     * Specifies the default number of columns and their widths ([see example]({% slug layout_gridlayout %}#toc-rows-and-columns)).
-     */
-    cols?: GridLayoutColumnProps[];
-    /**
-     * Specifies the default number of rows and their height ([see example]({% slug layout_gridlayout %}#toc-rows-and-columns)).
-     */
-    rows?: GridLayoutRowProps[];
-}
-/**
- * Specifies the gaps between the elements.
- */
-export interface GridLayoutGap {
-    /**
-     * Represents the row gap between the elements
-     */
-    rows?: number | string;
-    /**
-     * Represents the column gap between the elements
-     */
-    cols?: number | string;
-}
-/**
- * Specifies the horizontal and vertical alignment of the inner GridLayout elements.
- */
-export interface GridLayoutAlign {
-    /**
-     * Defines the possible horizontal alignment of the inner GridLayout elements.
-     *
-     * The available values are:
-     * - `start`—Uses the start point of the container.
-     * - `center`—Uses the center point of the container.
-     * - `end`—Uses the end point of the container.
-     * - (Default)`stretch`—Stretches the items to fill the width of the container.
-     */
-    horizontal?: 'start' | 'center' | 'end' | 'stretch';
-    /**
-     * Defines the possible vertical alignment of the inner GridLayout elements.
-     *
-     * The available values are:
-     * - `top`—Uses the top point of the container.
-     * - `middle`—Uses the middle point of the container.
-     * - `bottom`—Uses the bottom point of the container.
-     * - (Default)`stretch`—Stretches the items to fill the height of the container.
-     */
-    vertical?: 'top' | 'middle' | 'bottom' | 'stretch';
-}

package/gridlayout/interfaces/GridLayoutRowProps.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the props of the [KendoReact GridLayout row]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutRowProps {
-    /**
-     * Specifies the height of the GridLayout row ([see example]({% slug overview_gridlayout %}#toc-react-gridlayout-demo-preview)).
-     */
-    height?: number | string;
-}

package/menu/BaseMenuItemInternalProps.d.ts

@@ -1,24 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export interface BaseMenuItemInternalProps {
-    focusedItemId: string;
-    lastItemIdToBeOpened: string;
-    tabbableItemId: string;
-    itemRender?: any;
-    linkRender?: any;
-    isMenuVertical: boolean;
-    isDirectionRightToLeft?: boolean;
-    menuGuid: string;
-    onMouseOver: any;
-    onMouseLeave: any;
-    onMouseDown: any;
-    onFocus: any;
-    onClick: any;
-    onBlur: any;
-    onOriginalItemNeeded: any;
-}

package/menu/MenuProps.d.ts

@@ -1,75 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { MenuItemModel } from './models/MenuItemModel';
-import { MenuSelectEvent } from './events';
-/**
- * The properties of the [KendoReact Menu component]({% slug overview_menu %}).
- */
-export interface MenuProps {
-    /**
-     * Specifies whether the Menu will be vertical ([see example]({% slug vertical_menu %})).
-     */
-    vertical?: boolean;
-    /**
-     * Sets the Menu items.
-     */
-    items?: MenuItemModel[];
-    /**
-     * Sets the Menu items declaratively.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the Menu.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the ID of the Menu.
-     */
-    id?: string;
-    /**
-     * Sets the direction of the Menu.
-     */
-    dir?: string;
-    /**
-     * Specifies the delay in milliseconds before the Menu items are opened on item mouse-hover ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Defaults to `100`. If `openOnClick` is `true`, defaults to `0`.
-     */
-    hoverOpenDelay?: number;
-    /**
-     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Used to avoid accidental closure on leaving. Defaults to `100`.
-     */
-    hoverCloseDelay?: number;
-    /**
-     * If `openOnClick` is set to `true`, the items are opened on mouse hover only after an initial click.
-     */
-    openOnClick?: boolean;
-    /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item ([see example]({% slug rendering_menu %}#toc-items)). By default, the innermost item part includes only the text for the item.
-     */
-    itemRender?: any;
-    /**
-     * A React functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
-     */
-    linkRender?: any;
-    /**
-     * Sets the ids of the Menu items that will not be closed on mouse-leave. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child item acquires a `0_0` id and the second acquires a `0_1` id.
-     */
-    customCloseItemIds?: string[];
-    /**
-     * Adds a custom className to the Menu top element.
-     */
-    className?: string;
-    /**
-     * @hidden
-     */
-    role?: string;
-    /**
-     * Fires when a Menu item is selected.
-     */
-    onSelect?: (event: MenuSelectEvent) => void;
-    /**
-     * @hidden
-     */
-    onClose?: (event: React.SyntheticEvent<HTMLElement>) => void;
-}