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

package/breadcrumb/Breadcrumb.d.ts

@@ -1,163 +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 { BaseEvent } from '@progress/kendo-react-common';
-import { BreadcrumbListItemProps } from './BreadcrumbListItem';
-import { BreadcrumbDelimiterProps } from './BreadcrumbDelimiter';
-import { BreadcrumbLinkHandle, BreadcrumbLinkProps } from './BreadcrumbLink';
-import { BreadcrumbOrderedListProps } from './BreadcrumbOrderedList';
-/**
- * Represents the properties of [Breadcrumb](% slug api_layout_breadcrumb %) component.
- */
-export interface BreadcrumbProps {
-    /**
-     * Sets the `id` property of the top `div` element of the Breadcrumb.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the Breadcrumb.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the Breadcrumb.
-     */
-    className?: string;
-    /**
-     * Represents the Breadcrumb ordered list component.
-     */
-    breadcrumbOrderedList?: React.ComponentType<BreadcrumbOrderedListProps>;
-    /**
-     * Represents the Breadcrumb list item component.
-     */
-    breadcrumbListItem?: React.ComponentType<BreadcrumbListItemProps>;
-    /**
-     * Represents the Breadcrumb delimiter component.
-     */
-    breadcrumbDelimiter?: React.ComponentType<BreadcrumbDelimiterProps>;
-    /**
-     * Represents the Breadcrumb link component.
-     */
-    breadcrumbLink?: React.ComponentType<BreadcrumbLinkProps>;
-    /**
-     * Represents the data of the Breadcrumb from type DataModel.
-     */
-    data: DataModel[];
-    /**
-     * Specifies the padding of all Breadcrumb elements.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     *
-     * @default `medium`
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The Breadcrumb direction `ltr` or `rtl`.
-     */
-    dir?: 'ltr' | 'rtl';
-    /**
-     * Sets the `tabIndex` attribute to the Breadcrumb.
-     */
-    tabIndex?: number;
-    /**
-     * Determines the `disabled` mode of the Breadcrumb. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `value` field. Used for setting the key of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
-     */
-    valueField?: string;
-    /**
-     * Represents the `text` field. Used for setting the `text` inside the BreadcrumbLink component.
-     */
-    textField?: string;
-    /**
-     * Represents the `icon` field. Used for setting the `icon` inside the BreadcrumbLink component.
-     */
-    iconField?: string;
-    /**
-     * Represents the `iconClass` field. Used for setting the `iconClass` inside the BreadcrumbLink component.
-     */
-    iconClassField?: string;
-    /**
-     * Represents the `onItemSelect` event. Triggered after click on the Breadcrumb.
-     */
-    onItemSelect?: (event: BreadcrumbLinkMouseEvent) => void;
-    /**
-     * Represents the `onKeyDown` event. Triggered after keyboard click on the Breadcrumb.
-     */
-    onKeyDown?: (event: BreadcrumbLinkKeyDownEvent) => void;
-    /**
-     * Represents the label of the Breadcrumb component.
-     */
-    ariaLabel?: string;
-}
-/**
- * Represents the DataModel object type.
- */
-export interface DataModel {
-    /**
-     * Represents the `id` of the data object.
-     * Used for setting the `key` of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
-     */
-    id?: string;
-    /**
-     * Represents the `text` used inside the BreadcrumbLink component.
-     */
-    text?: string;
-    /**
-     * Represents the `icon` used inside the BreadcrumbLink component.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Represents the `iconClass` used inside the BreadcrumbLink component.
-     */
-    iconClass?: string;
-    /**
-     * @hidden
-     */
-    disabled?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.
- */
-export interface BreadcrumbHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the Breadcrumb.
-     */
-    props: BreadcrumbProps;
-    /**
-     * The `focus` method of the Breadcrumb component.
-     */
-    focus: () => void;
-}
-/**
- * Represents the `BreadcrumbLinkMouseEvent`.
- */
-export interface BreadcrumbLinkMouseEvent extends BaseEvent<BreadcrumbLinkHandle> {
-    /**
-     * Represents the `id` of the `BreadcrumbLinkMouseEvent`.
-     */
-    id?: string;
-}
-/**
- * Represents the `BreadcrumbLinkKeyDownEvent`.
- */
-export interface BreadcrumbLinkKeyDownEvent extends BaseEvent<BreadcrumbLinkHandle> {
-    /**
-     * Represents the `id` of the `BreadcrumbLinkKeyDownEvent`.
-     */
-    id?: string;
-}
-/**
- * Represents the Breadcrumb component.
- */
-export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<BreadcrumbHandle | null>>;

package/breadcrumb/BreadcrumbDelimiter.d.ts

@@ -1,47 +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 properties of [BreadcrumbDelimiter](% slug api_layout_breadcrumbdelimiter %) component.
- */
-export interface BreadcrumbDelimiterProps {
-    /**
-     * Sets the `id` property of the BreadcrumbDelimiter component.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the BreadcrumbDelimiter component.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the BreadcrumbDelimiter component.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbDelimiter.
-     */
-    tabIndex?: number;
-    /**
-     * @hidden
-     */
-    dir?: string;
-}
-/**
- * Represents the target (element, props, and focus()) of the BreadcrumbDelimiter.
- */
-export interface BreadcrumbDelimiterHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * The props values of the BreadcrumbDelimiter.
-     */
-    props: BreadcrumbDelimiterProps;
-}
-/**
- * Represents the BreadcrumbDelimiter component.
- */
-export declare const BreadcrumbDelimiter: React.ForwardRefExoticComponent<BreadcrumbDelimiterProps & React.RefAttributes<BreadcrumbDelimiterHandle | null>>;

package/breadcrumb/BreadcrumbLink.d.ts

@@ -1,135 +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 { BaseEvent } from '@progress/kendo-react-common';
-/**
- * Represents the properties of [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
- */
-export interface BreadcrumbLinkProps {
-    /**
-     * Sets the `id` property of the top `div` element of the BreadcrumbLink.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the BreadcrumbLink.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the BreadcrumbLink.
-     */
-    className?: string;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbLink.
-     */
-    tabIndex?: number;
-    /**
-     * The Breadcrumb direction `ltr` or `rtl`.
-     */
-    dir?: string;
-    /**
-     * Determines the `disabled` mode of the BreadcrumbLink. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `text` of the BreadcrumbLink component.
-     */
-    text?: string;
-    /**
-     * Represents the `icon` of the BreadcrumbLink component.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Represents the `iconClass` of the BreadcrumbLink component.
-     */
-    iconClass?: string;
-    /**
-     * Represents the `onItemSelect` event. Triggered after click on the BreadcrumbLink item.
-     */
-    onItemSelect?: (event: BaseEvent<BreadcrumbLinkHandle>) => void;
-    /**
-     * Represents the `onKeyDown` event. Triggered after key down on the BreadcrumbLink item.
-     */
-    onKeyDown?: (event: BaseEvent<BreadcrumbLinkHandle>) => void;
-    /**
-     * Sets the `aria-current` value.
-     */
-    ariaCurrent?: boolean;
-    /**
-     * @hidden
-     */
-    isLast?: boolean;
-    /**
-     * @hidden
-     */
-    isFirst?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.
- */
-export interface BreadcrumbLinkHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * The props values of the BreadcrumbLink.
-     */
-    props: BreadcrumbLinkProps;
-    /**
-     * The `focus` method of the BreadcrumbLink component.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
- *
- * @example
- * ```jsx
- * import { Breadcrumb, BreadcrumbLink } from '@progress/kendo-react-layout';
- * const items = [
- *   {
- *     id: 'home',
- *     text: 'Home',
- *     iconClass: 'k-i-home',
- *   },
- *   {
- *     id: 'products',
- *     text: 'Products',
- *   },
- *   {
- *     id: 'computer',
- *     text: 'Computer',
- *   }
- * ];
- *
- * const App = () => {
- * const [data,setData] = React.useState(items);
- * const handleItemSelect = (event, id) => {
- *   const itemIndex = data.findIndex((curValue) => curValue.id === id);
- *   const newData = data.slice(0, itemIndex + 1);
- *   setData(newData);
- * };
- *
- * const CustomLink = (data) => {
- *  return (
- *     <BreadcrumbLink
- *       id={data.id}
- *       text={data.text}
- *       onItemSelect={(event) => handleItemSelect(event, data.id)}
- *     />
- *   );
- * };
- *
- * return (
- *   <Breadcrumb
- *     data={data}
- *     breadcrumbLink={(items) => CustomLink(items)}
- *   />
- * )}
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<BreadcrumbLinkHandle | null>>;

package/breadcrumb/BreadcrumbListItem.d.ts

@@ -1,55 +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 properties of [BreadcrumbListItem](% slug api_layout_breadcrumblistitem %) component.
- */
-export interface BreadcrumbListItemProps {
-    /**
-     * Sets the `id` property of the top `div` element of the BreadcrumbListItem.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the BreadcrumbListItem.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the BreadcrumbListItem.
-     */
-    className?: string;
-    /**
-     * Determines the children nodes.
-     */
-    children?: React.ReactNode;
-    /**
-     * @hidden
-     */
-    isFirstItem: any;
-    /**
-     * @hidden
-     */
-    isLastItem: any;
-}
-/**
- * Represents the target (element, props, and focus()) of the BreadcrumbListItem.
- */
-export interface BreadcrumbListItemHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: any;
-    /**
-     * The props values of the Breadcrumb.
-     */
-    props: BreadcrumbListItemProps;
-    /**
-     * The `focus` method of the BreadcrumbListItem component.
-     */
-    focus: () => void;
-}
-/**
- * Represents the BreadcrumbListItem component.
- */
-export declare const BreadcrumbListItem: React.ForwardRefExoticComponent<BreadcrumbListItemProps & React.RefAttributes<BreadcrumbListItemHandle | null>>;

package/breadcrumb/BreadcrumbOrderedList.d.ts

@@ -1,59 +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 properties of [BreadcrumbOrderedList](% slug api_layout_breadcrumborderedlist %) component.
- */
-export interface BreadcrumbOrderedListProps {
-    /**
-     * Sets the `id` property of the top `div` element of the BreadcrumbOrderedList.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the BreadcrumbOrderedList.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the BreadcrumbOrderedList.
-     */
-    className?: string;
-    /**
-     * Determines the children nodes.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbOrderedList.
-     */
-    tabIndex?: number;
-    /**
-     * The BreadcrumbOrderedList direction `ltr` or `rtl`.
-     */
-    dir?: string;
-    /**
-     * Determines the `disabled` mode of the BreadcrumbOrderedList. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * @hidden
-     */
-    rootItem?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the BreadcrumbOrderedList.
- */
-export interface BreadcrumbOrderedListHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLOListElement | null;
-    /**
-     * The props values of the BreadcrumbOrderedList.
-     */
-    props: BreadcrumbOrderedListProps;
-}
-/**
- * Represents the BreadcrumbOrderedList component.
- */
-export declare const BreadcrumbOrderedList: React.ForwardRefExoticComponent<BreadcrumbOrderedListProps & React.RefAttributes<BreadcrumbOrderedListHandle | null>>;

package/card/Avatar.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 { AvatarProps } from './interfaces/AvatarProps';
-export declare const Avatar: React.FunctionComponent<AvatarProps>;

package/card/Card.d.ts

@@ -1,8 +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 { CardProps } from './interfaces/CardProps';
-import { CardHandle } from './interfaces/CardHandle';
-export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<CardHandle | null>>;

package/card/CardActions.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 { CardActionsProps } from './interfaces/CardActionsProps';
-export declare const CardActions: React.FunctionComponent<CardActionsProps>;

package/card/CardBody.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 { CardBodyProps } from './interfaces/CardBodyProps';
-export declare const CardBody: React.FunctionComponent<CardBodyProps>;

package/card/CardFooter.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 { CardFooterProps } from './interfaces/CardFooterProps';
-export declare const CardFooter: React.FunctionComponent<CardFooterProps>;

package/card/CardHeader.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 { CardHeaderProps } from './interfaces/CardHeaderProps';
-export declare const CardHeader: React.FunctionComponent<CardHeaderProps>;

package/card/CardImage.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 { CardImageProps } from './interfaces/CardImageProps';
-export declare const CardImage: React.FunctionComponent<CardImageProps>;

package/card/CardSubtitle.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 { CardSubtitleProps } from './interfaces/CardSubtitleProps';
-export declare const CardSubtitle: React.FunctionComponent<CardSubtitleProps>;

package/card/CardTitle.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 { CardTitleProps } from './interfaces/CardTitleProps';
-export declare const CardTitle: React.FunctionComponent<CardTitleProps>;

package/card/interfaces/AvatarProps.d.ts

@@ -1,88 +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 { avatarType } from './Enums';
-export interface AvatarProps {
-    /**
-     * Sets the Avatar children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the Avatar.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the Avatar.
-     */
-    className?: string;
-    /**
-     * Set the type of the Avatar.
-     *
-     * The supported values are:
-     * * `image`
-     * * `text`
-     * * `icon`
-     */
-    type?: avatarType | string;
-    /**
-     * Configures the `size` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null—Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null—Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets a border to the Avatar.
-     */
-    border?: boolean;
-    /**
-     * Configures the `fillMode` of the Button.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - null—Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline';
-    /**
-     * Configures the `themeColor` of the Button.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - error
-     * - warning
-     * - dark
-     * - light
-     * - inverse
-     * - null—Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'dark' | 'light' | 'inverse';
-}

package/card/interfaces/CardActionsProps.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 { cardActionsLayout, cardOrientation } from './Enums';
-export interface CardActionsProps {
-    /**
-     * Sets the CardActions children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardActions.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardActions.
-     */
-    className?: string;
-    /**
-     * Set the layout of the actions.
-     *
-     * The supported values are:
-     * * (Default) `start`
-     * * `center`
-     * * `end`
-     * * `stretched`
-     */
-    layout?: cardActionsLayout | string;
-    /**
-     * Specifies the orientation of the Card action buttons.
-     *
-     * * The possible values are:
-     * * (Default) `horizontal`
-     * * `vertical`
-     *
-     */
-    orientation?: cardOrientation | string;
-}