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

package/tilelayout/TileLayout.d.ts

@@ -1,153 +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 PropTypes from 'prop-types';
-import { TileLayoutGap, TileLayoutItem, TilePosition, TileLayoutRepositionEvent, TileStrictPosition, TileLayoutAutoFlow } from './interfaces';
-/**
- * Represents the properties of [TileLayout](% slug overview_tilelayout %) component.
- */
-export interface TileLayoutProps {
-    /**
-     * Sets the `id` property of the root element.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the TileLayout.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the TileLayout.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the gaps between the tiles ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
-     *
-     * * The possible keys are:
-     * * `rows`
-     * * `columns`
-     */
-    gap?: TileLayoutGap;
-    /**
-     * Specifies the default number of columns ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
-     */
-    columns?: number;
-    /**
-     * Specifies the default width of the columns ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
-     */
-    columnWidth?: number | string;
-    /**
-     * Specifies the default height of the rows ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
-     */
-    rowHeight?: number | string;
-    /**
-     * Represents the `key` field of the TileLayout item. Used for setting unique keys to the TileLayout items.
-     */
-    dataItemKey?: string;
-    /**
-     * The collection of items that will be rendered in the TileLayout
-     * ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
-     */
-    items?: TileLayoutItem[];
-    /**
-     * The list of tiles' positions which are used when the TileLayout is in controlled mode
-     * ([see example]({% slug tiles_tilelayout %}#toc-controlling-the-position)).
-     */
-    positions?: TilePosition[];
-    /**
-     * Fires when the user repositions the tile by either dragging or resizing
-     * ([see example]({% slug tiles_tilelayout %}#toc-controlling-the-position)).
-     */
-    onReposition?: (event: TileLayoutRepositionEvent) => void;
-    /**
-     * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
-     * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
-     * Defaults to `column`
-     * ([see example]({% slug autoflows_tilelayout %})).
-     */
-    autoFlow?: TileLayoutAutoFlow;
-    /**
-     * Use this callback to prevent or allow dragging of the tiles based on specific dom event.
-     * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` will make only the headers draggable.
-     * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` will ignore dragging input elements.
-     */
-    ignoreDrag?: (event: any) => boolean;
-}
-/**
- * @hidden
- */
-export interface TileLayoutState {
-    positions: TileStrictPosition[];
-}
-/**
- * Represents the [KendoReact TileLayout component]({% slug overview_tilelayout %}).
- */
-export declare class TileLayout extends React.Component<TileLayoutProps, TileLayoutState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        id: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-        gap: PropTypes.Requireable<object>;
-        columns: PropTypes.Requireable<number>;
-        columnWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        rowHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        dataItemKey: PropTypes.Requireable<string>;
-        items: PropTypes.Requireable<any[]>;
-        positions: PropTypes.Requireable<any[]>;
-        autoFlow: PropTypes.Requireable<string>;
-        onReposition: PropTypes.Requireable<(...args: any[]) => any>;
-        ignoreDrag: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    _element: HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    state: {
-        positions: ({
-            order: number;
-            rowSpan: number;
-            colSpan: number;
-        } & TilePosition)[];
-    };
-    private showLicenseWatermark;
-    constructor(props: TileLayoutProps);
-    /**
-     * Gets the HTML element of the TileLayout component.
-     */
-    get element(): HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: TileLayoutProps, state: TileLayoutState): {
-        positions: ({
-            order: number;
-            rowSpan: number;
-            colSpan: number;
-        } & TilePosition)[];
-    } | null;
-    /**
-     * @hidden
-     */
-    update: (index: number, dOrder: number, dCol: number, dRowSpan?: number, dColSpan?: number) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/tilelayout/interfaces/index.d.ts

@@ -1,145 +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 } from '@progress/kendo-react-common';
-import { TileLayout } from '../TileLayout';
-/**
- * The interface for describing items that can be passed to the `items` property of the TileLayout component.
- */
-export interface TileLayoutItem {
-    /**
-     * The position which is used when the TileLayout is in uncontrolled mode
-     * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
-     */
-    defaultPosition?: TilePosition;
-    /**
-     * Sets additional CSS styles to the TileLayoutItem.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the TileLayoutItem.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the TileLayoutItem hint element.
-     */
-    hintStyle?: React.CSSProperties;
-    /**
-     * Sets additional classes to the TileLayoutItem hint element.
-     */
-    hintClassName?: string;
-    /**
-     * Sets the title in the TileLayoutItem's header
-     * ([see example]({% slug tiles_tilelayout %})).
-     */
-    header?: React.ReactNode;
-    /**
-     * Sets the content in TileLayoutItem's body
-     * ([see example]({% slug tiles_tilelayout %})).
-     */
-    body?: React.ReactNode;
-    /**
-     * Overrides the default rendering of the TileLayoutItem
-     * ([see example]({% slug tiles_tilelayout %}#toc-custom-rendering)).
-     */
-    item?: React.ReactNode;
-    /**
-     * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
-     * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
-     * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
-     */
-    resizable?: TileResizeMode;
-    /**
-     * Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it
-     * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
-     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem will be enabled.
-     */
-    reorderable?: boolean;
-}
-/**
- * Specifies the position of each tile.
- */
-export interface TilePosition {
-    /**
-     * Defines the order index of the TileLayoutItem.
-     * If not set, items will receive a sequential order.
-     */
-    order?: number;
-    /**
-     * (Required) Defines on which column-line the TileLayoutItem will start.
-     * It is required in order reordering and resizing functionalities to work as expected as they rely on it.
-     */
-    col: number;
-    /**
-     * Specifies how many columns will the TileLayoutItem spans.
-     * Defaults to `1`.
-     */
-    colSpan?: number;
-    /**
-     * Defines on which row-line the TileLayoutItem will start.
-     */
-    row?: number;
-    /**
-     * Specifies how many rows will the TileLayoutItem spans.
-     * Defaults to `1`.
-     */
-    rowSpan?: number;
-}
-/**
- * Specifies the strict position of each tile.
- * Used in the [TileLayoutRepositionEvent]({% slug api_layout_tilelayoutrepositionevent %}).
- */
-export interface TileStrictPosition extends TilePosition {
-    /**
-     * Defines the order index of the TileLayoutItem.
-     * If not set, items will receive a sequential order.
-     */
-    order: number;
-    /**
-     * Specifies how many rows will the TileLayoutItem spans.
-     * Defaults to `1`.
-     */
-    rowSpan: number;
-    /**
-     * Specifies how many columns will the TileLayoutItem spans.
-     * Defaults to `1`.
-     */
-    colSpan: number;
-}
-/**
- * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
- * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
- * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
- */
-export type TileResizeMode = 'horizontal' | 'vertical' | boolean;
-/**
- * Specifies the gaps between the tiles.
- */
-export interface TileLayoutGap {
-    /**
-     * The rows gap between tiles.
-     * Defaults to `16px`.
-     */
-    rows?: number | string;
-    /**
-     * The columns gap between tiles.
-     * Defaults to `16px`.
-     */
-    columns?: number | string;
-}
-/**
- * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
- * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
- * Defaults to `column`.
- */
-export type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'row dense' | 'unset';
-/**
- * The arguments for the `onReposition` TileLayout event.
- */
-export interface TileLayoutRepositionEvent extends BaseEvent<TileLayout> {
-    /**
-     * The new positions of the TileLayout tiles.
-     */
-    value: Array<TileStrictPosition>;
-}

package/timeline/Timeline.d.ts

@@ -1,102 +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 { Navigation } from '@progress/kendo-react-common';
-import { EventDataProps } from './TimelineCard';
-export interface TimelineEventProps {
-    /**
-     * Specifies if the event card is default collapsed.
-     */
-    opened?: boolean;
-    /**
-     * Specifies the text that is rendered as body of the event card.
-     */
-    description: string;
-    /**
-     * Represent event point on the axis.
-     */
-    date: Date;
-    /**
-     * Specifies the text that is rendered as title.
-     */
-    title: string;
-    /**
-     * Specifies the text that is rendered under the title.
-     */
-    subtitle?: string;
-    /**
-     * Specifies the images that are rendered under the description.
-     */
-    images?: {
-        src: string;
-        alt?: string;
-    }[];
-    /**
-     * Specifies the corresponding links that are rendered under the images.
-     */
-    actions?: {
-        text: string;
-        url: string;
-    }[];
-    /**
-     * @Hidden
-     */
-    yearFlag?: number;
-}
-export interface TimelineProps {
-    events: TimelineEventProps[];
-    /**
-     * Specifies the CSS class names which are set to the Timeline.
-     */
-    className?: string;
-    /**
-     * Specifies option for expanding and collapsing the event card.
-     */
-    collapsibleEvents?: boolean;
-    /**
-     * @hidden
-     */
-    horizontal?: boolean;
-    /**
-     * The date format for displaying the event date.
-     */
-    dateFormat?: string;
-    /**
-     * Render events alternatingly on both sides of the axis.
-     */
-    alterMode?: boolean;
-    /**
-     * Specifies the time for sliding to next event in horizontal mode and time for collapsing the event in vertical mode.
-     * The default value are:
-     * - `300ms` for horizontal
-     * - `400ms` for vertical
-     */
-    transitionDuration?: number;
-    /**
-     * If set to `true`, the user can use dedicated shortcuts to interact with the Timeline.
-     * By default, navigation is disabled.
-     */
-    navigatable?: boolean;
-    /**
-     * An event that is called when event card is toggled.
-     */
-    onChange?: (event: EventDataProps) => void;
-    /**
-     * An event that is called when card action is clicked.
-     */
-    onActionClick?: (event: EventDataProps) => void;
-}
-/**
- * @hidden
- */
-export interface TimelineDirectionsProps {
-    eventsData: TimelineEventProps[];
-    dateFormat?: string;
-    transitionDuration?: number;
-    navigatable?: boolean;
-    navigation?: React.MutableRefObject<Navigation>;
-    onActionClick?: (event: EventDataProps) => void;
-}
-export declare const Timeline: React.FunctionComponent<TimelineProps>;

package/timeline/TimelineCard.d.ts

@@ -1,38 +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 { TimelineEventProps } from './Timeline';
-/**
- * @hidden
- */
-interface TimelineCardProps {
-    tabindex?: number;
-    id?: string;
-    eventData: TimelineEventProps;
-    alternated?: boolean;
-    horizontal?: boolean;
-    collapsible?: boolean;
-    navigatable?: boolean;
-    calloutStyle?: React.CSSProperties;
-    transitionDuration?: number;
-    onChange?: (event: EventDataProps) => void;
-    onActionClick?: (event: EventDataProps) => void;
-}
-export interface EventDataProps {
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent?: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent?: any;
-    /**
-     * The selected card value.
-     */
-    eventData: TimelineEventProps;
-}
-export declare const TimelineCard: React.FunctionComponent<TimelineCardProps>;
-export {};

package/timeline/TimelineHorizontal.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
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { TimelineDirectionsProps } from './Timeline';
-export declare const TimelineHorizontal: React.FunctionComponent<TimelineDirectionsProps>;

package/timeline/TimelineVertical.d.ts

@@ -1,16 +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 { EventDataProps } from './TimelineCard';
-import { TimelineDirectionsProps } from './Timeline';
-/**
- * @hidden
- */
-export interface TimelineVerticalProps extends TimelineDirectionsProps {
-    alterMode?: boolean;
-    collapsibleEvents?: boolean;
-    onChange?: (event: EventDataProps) => void;
-}
-export declare const TimelineVertical: React.FunctionComponent<TimelineVerticalProps>;

package/timeline/utils.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 { TimelineEventProps } from './Timeline';
-/**
- * Sort the events list based on event date.
- */
-export declare const sortEventList: (eventList: TimelineEventProps[]) => TimelineEventProps[];
-/**
- * @hidden
- */
-export interface yearFlagProps {
-    yearFlag?: number;
-}
-/**
- * @hidden
- */
-export declare const addYearsFlags: (eventsData: TimelineEventProps[]) => (TimelineEventProps | yearFlagProps)[];