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

package/appbar/AppBar.d.ts

@@ -1,54 +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 { AppBarProps } from './interfaces/AppBarProps';
-/**
- * The AppBar ref.
- */
-export interface AppBarHandle {
-    /**
-     * The AppBar element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Focus the AppBar.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact AppBar component]({% slug overview_appbar %}).
- * Used to display information, actions, branding titles and additional navigation on the current screen.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<AppBarHandle | null>>;

package/appbar/AppBarSection.d.ts

@@ -1,53 +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 { AppBarSectionProps } from './interfaces/AppBarSectionProps';
-/**
- * The AppBarSection ref.
- */
-export interface AppBarSectionHandle {
-    /**
-     * The AppBarSection element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Focus the AppBarSection.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact AppBarSection component]({% slug contentarrangement_appbar %}#toc-defining-sections).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const AppBarSection: React.ForwardRefExoticComponent<AppBarSectionProps & React.RefAttributes<AppBarSectionHandle | null>>;

package/appbar/AppBarSpacer.d.ts

@@ -1,54 +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 { AppBarSpacerProps } from './interfaces/AppBarSpacerProps';
-/**
- * The AppBarSpacer ref.
- */
-export interface AppBarSpacerHandle {
-    /**
-     * The AppBarSpacer element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Focus the AppBarSpacer.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact AppBarSpacer component]({% slug contentarrangement_appbar %}#toc-defining-spacings).
- * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const AppBarSpacer: React.ForwardRefExoticComponent<AppBarSpacerProps & React.RefAttributes<AppBarSpacerHandle | null>>;

package/appbar/interfaces/AppBarProps.d.ts

@@ -1,83 +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 AppBar component]({% slug overview_appbar %}).
- * Used to display information, actions, branding titles and additional navigation on the current screen.
- */
-export interface AppBarProps {
-    /**
-     * Represents the children that are passed to the AppBar.
-     */
-    children?: any;
-    /**
-     * Sets additional CSS classes to the AppBar.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the AppBar.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root AppBar element.
-     */
-    id?: string;
-    /**
-     * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
-     *
-     * * The possible values are:
-     * * 'top' (Default)
-     * * 'bottom'
-     *
-     */
-    position?: AppBarPosition;
-    /**
-     * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-positionmode)).
-     *
-     * * The possible values are:
-     * * 'static' (Default)
-     * * 'sticky'
-     * * 'fixed'
-     */
-    positionMode?: AppBarPositionMode;
-    /**
-     * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
-     *
-     * * The possible values are:
-     * * `inherit`
-     * * `light` (Default)
-     * * `dark`
-     *
-     */
-    themeColor?: AppBarThemeColor;
-}
-/**
- * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
- *
- * * The possible values are:
- * * 'top' (Default)
- * * 'bottom'
- *
- */
-export type AppBarPosition = 'top' | 'bottom';
-/**
- * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-positionmode)).
- *
- * * The possible values are:
- * * 'static' (Default)
- * * 'sticky'
- * * 'fixed'
- */
-export type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
-/**
- * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
- *
- * * The possible values are:
- * * `inherit`
- * * `light` (Default)
- * * `dark`
- *
- */
-export type AppBarThemeColor = 'light' | 'dark' | 'inherit';

package/appbar/interfaces/AppBarSectionProps.d.ts

@@ -1,22 +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 AppBarSection component]({% slug contentarrangement_appbar %}#toc-defining-sections).
- */
-export interface AppBarSectionProps {
-    /**
-     * Represents the children that are passed to the AppBarSection.
-     */
-    children?: any;
-    /**
-     * Sets additional CSS classes to the AppBarSection.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the AppBarSection.
-     */
-    style?: React.CSSProperties;
-}

package/appbar/interfaces/AppBarSpacerProps.d.ts

@@ -1,23 +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 AppBarSpacer component]({% slug contentarrangement_appbar %}#toc-defining-spacings).
- * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
- */
-export interface AppBarSpacerProps {
-    /**
-     * Sets additional CSS classes to the AppBarSpacer.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the AppBarSpacer.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Determines the children nodes.
-     */
-    children?: React.ReactNode;
-}

package/bottomnavigation/BottomNavigation.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 { BottomNavigationProps } from './BottomNavigationProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the BottomNavigation component.
- */
-export interface BottomNavigationHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLElement | null;
-    /**
-     * Focus the BottomNavigation first item.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
- * Used to switch between primary destinations in an application.
- *
- * @example
- * ```jsx
- * const items = [
- *    { text: 'Photos', icon: 'photo', selected: true },
- *    { text: 'Albums', icon: 'folder' },
- *    { text: 'Search', icon: 'search' },
- *    { text: 'More', icon: 'more-horizontal' },
- * ];
- *
- * const App = () => {
- *   return (
- *       <BottomNavigation items={items} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<BottomNavigationHandle | null>>;

package/bottomnavigation/BottomNavigationItem.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 { BottomNavigationItemProps } from '..';
-/**
- * @hidden
- */
-export interface BottomNavigationItemHandle {
-    element: HTMLElement | null;
-}
-/**
- * Represents the [KendoReact BottomNavigationItem component]({% slug overview_bottomnavigation %}).
- */
-export declare const BottomNavigationItem: React.ForwardRefExoticComponent<Omit<BottomNavigationItemProps, "ref"> & React.RefAttributes<BottomNavigationItemHandle | null>>;

package/bottomnavigation/BottomNavigationItemProps.d.ts

@@ -1,64 +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 { SVGIcon } from '@progress/kendo-react-common';
-/**
- * The interface for describing items that can be passed to the `items` property of the BottomNavigation component.
- */
-export interface BottomNavigationItemProps {
-    /**
-     * Sets additional CSS classes to the BottomNavigation item.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the BottomNavigation item.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Disables the BottomNavigation item.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies if the BottomNavigation item is selected.
-     */
-    selected?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme.
-     * The icon is rendered inside the BottomNavigation item by a `span.k-icon` element.
-     */
-    icon?: string;
-    /**
-     * Defines an SVG icon.
-     * The icon is rendered inside the BottomNavigation item.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies the text content of the BottomNavigation item.
-     */
-    text?: React.ReactNode;
-    /**
-     * Sets the `tabIndex` property of the BottomNavigation item. Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Sets a custom property. Contained in the BottomNavItem props that are returned from the `onSelect` BottomNavigation event.
-     */
-    [customProp: string]: any;
-    /**
-     * @hidden
-     */
-    index?: number;
-    /**
-     * @hidden
-     */
-    item?: any;
-    /**
-     * @hidden
-     */
-    dataItem?: any;
-    /**
-     * @hidden
-     */
-    id?: string;
-}

package/bottomnavigation/BottomNavigationProps.d.ts

@@ -1,157 +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 { BottomNavigationItemProps } from './BottomNavigationItemProps';
-import { BottomNavigationEvent, BottomNavigationSelectEvent } from './models/events';
-/**
- * Represents the props of the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
- */
-export interface BottomNavigationProps {
-    /**
-     * Sets additional CSS classes to the BottomNavigation.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the BottomNavigation.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root BottomNavigation element.
-     */
-    id?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the theme color of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
-     *
-     * The possible values are:
-     * * `primary` (Default) — Applies coloring based on the primary theme color.
-     * * `secondary` — Applies coloring based on the secondary theme color.
-     * * `tertiary` — Applies coloring based on the tertiary theme color.
-     * * `info` — Applies coloring based on the info theme color.
-     * * `success` — Applies coloring based on the success theme color.
-     * * `warning` — Applies coloring based on the warning theme color.
-     * * `error` — Applies coloring based on the error theme color.
-     * * `dark` — Applies coloring based on the dark theme color.
-     * * `light` — Applies coloring based on the light theme color.
-     * * `inverse` — Applies coloring based on the inverted theme color.
-     */
-    themeColor?: BottomNavigationThemeColor;
-    /**
-     * **Deprecated**. Use `fillMode` prop instead.
-     *
-     * @deprecated
-     */
-    fill?: BottomNavigationFill;
-    /**
-     * The fill style of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
-     *
-     * The possible values are:
-     * * `flat`(Default) — Sets the theme color as the text color. The background will be white.
-     * * `solid` — Sets the theme color as a background color.
-     */
-    fillMode?: BottomNavigationFill;
-    /**
-     * Specifies the position and behavior of the BottomNavigation when the page is scrolled
-     * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
-     *
-     * The possible values are:
-     * * `fixed`(Default) — The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
-     * * `sticky` — Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between static
-     * and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
-     * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
-     */
-    positionMode?: BottomNavigationPositionMode;
-    /**
-     * Specifies how the icon and text label are positioned in each item of the BottomNavigation
-     * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
-     *
-     * The possible values are:
-     * * `vertical`(Default) — Renders the text below the icon.
-     * * `horizontal` — Renders the text and the icon on the same line.
-     */
-    itemFlow?: BottomNavigationItemFlow;
-    /**
-     * Sets a border to the BottomNavigation.
-     */
-    border?: boolean;
-    /**
-     * Disables the whole BottomNavigation.
-     */
-    disabled?: boolean;
-    /**
-     * The collection of items that will be rendered in the BottomNavigation ([see example]({% slug overview_bottomnavigation %})).
-     */
-    items?: Array<BottomNavigationItemProps>;
-    /**
-     * Overrides the default component's content responsible for visualizing a single item
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-custom-rendering)).
-     */
-    item?: React.ComponentType<BottomNavigationItemProps>;
-    /**
-     * Fires when a BottomNavigation item is about to be rendered
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-item-render-property)).
-     * Used to override the default appearance of the items.
-     */
-    itemRender?: (span: React.ReactElement<HTMLSpanElement>, itemProps: BottomNavigationItemProps) => React.ReactNode;
-    /**
-     * Fires when a BottomNavigation item is selected.
-     */
-    onSelect?: (event: BottomNavigationSelectEvent) => void;
-    /**
-     * Triggered on `onKeyDown` event.
-     */
-    onKeyDown?: (event: BottomNavigationEvent) => void;
-}
-/**
- * The fill style of the BottomNavigation
- * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
- *
- * The possible values are:
- * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
- * * `solid` &mdash; Sets the theme color as a background color.
- *
- */
-export type BottomNavigationFill = 'solid' | 'flat';
-/**
- * Specifies how the icon and text label are positioned in each item of the BottomNavigation
- * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
- *
- * The possible values are:
- * * `vertical`(Default) &mdash; Renders the text below the icon.
- * * `horizontal` &mdash; Renders the text and the icon on the same line.
- */
-export type BottomNavigationItemFlow = 'vertical' | 'horizontal';
-/**
- * Specifies the theme color of the BottomNavigationThemeColor.
- * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
- *
- * The possible values are:
- * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
- * * `secondary` &mdash; Applies coloring based on the secondary theme color.
- * * `tertiary` &mdash; Applies coloring based on the tertiary theme color.
- * * `info` &mdash; Applies coloring based on the info theme color.
- * * `success` &mdash; Applies coloring based on the success theme color.
- * * `warning` &mdash; Applies coloring based on the warning theme color.
- * * `error` &mdash; Applies coloring based on the error theme color.
- * * `dark` &mdash; Applies coloring based on the dark theme color.
- * * `light` &mdash; Applies coloring based on the light theme color.
- * * `inverse` &mdash; Applies coloring based on the inverted theme color.
- */
-export type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-/**
- * Specifies the position and behavior of the BottomNavigation when the page is scrolled
- * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
- *
- * The possible values are:
- * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
- * * `sticky` &mdash; Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between
- * static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
- * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
- */
-export type BottomNavigationPositionMode = 'sticky' | 'fixed';

package/bottomnavigation/models/events.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
-*-------------------------------------------------------------------------------------------*/
-import { BottomNavigationHandle } from '../BottomNavigation';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onSelect` BottomNavigation event.
- */
-export interface BottomNavigationSelectEvent extends BaseEvent<BottomNavigationHandle> {
-    /**
-     * A BottomNavigation item event target.
-     */
-    itemTarget: any;
-    /**
-     * The index of the selected BottomNavigation item.
-     */
-    itemIndex: number;
-}
-/**
- * Represents the return type of the BottomNavigation events.
- */
-export interface BottomNavigationEvent extends BaseEvent<BottomNavigationHandle> {
-}

package/bottomnavigation/models/utils.d.ts

@@ -1,40 +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 declare const THEME_COLOR_CLASSES: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-    dark: string;
-    light: string;
-    inverse: string;
-};
-/**
- * @hidden
- */
-export declare const FILL_CLASSES: {
-    flat: string;
-    solid: string;
-};
-/**
- * @hidden
- */
-export declare const ITEM_FLOW_CLASSES: {
-    vertical: string;
-    horizontal: string;
-};
-/**
- * @hidden
- */
-export declare const POSITION_MODE_CLASSES: {
-    fixed: string;
-    sticky: string;
-};