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

package/stacklayout/StackLayout.d.ts

@@ -1,41 +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 { StackLayoutProps } from './StackLayoutProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the StackLayout component.
- */
-export interface StackLayoutHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
- * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <StackLayout
- *       orientation="vertical"
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *       gap={10}
- *     >
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *     </StackLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const StackLayout: React.ForwardRefExoticComponent<StackLayoutProps & React.RefAttributes<StackLayoutHandle | null>>;

package/stacklayout/StackLayoutProps.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 * as React from 'react';
-/**
- * Represents the props of the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
- */
-export interface StackLayoutProps {
-    /**
-     * The React elements that will be rendered inside the StackLayout.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS classes to the StackLayout.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the StackLayout.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root StackLayout element.
-     */
-    id?: string;
-    /**
-     * Specifies the gap between the inner elements ([see example]({% slug layout_stacklayout %}#toc-gaps)).
-     */
-    gap?: number | string;
-    /**
-     * Specifies the orientation of the StackLayout.
-     * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
-     *
-     * The possible values are:
-     * * (Default)`horizontal`
-     * * `vertical`
-     */
-    orientation?: StackLayoutOrientation;
-    /**
-     * Specifies the horizontal and vertical alignment of the inner StackLayout elements.
-     * Demo ([here]({% slug layout_stacklayout %}#toc-horizontal-align)) and ([here]({% slug layout_stacklayout %}#toc-vertical-align)).
-     *
-     * The possible keys are:
-     * * `horizontal`—Defines the possible horizontal alignment of the inner StackLayout 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 StackLayout 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?: StackLayoutAlign;
-}
-/**
- * Specifies the orientation of the StackLayout ([see example]({% slug layout_stacklayout %}#toc-orientation)).
- *
- * The possible values are:
- * * (Default)`horizontal`
- * * `vertical`
- *
- */
-export type StackLayoutOrientation = 'horizontal' | 'vertical';
-/**
- * Specifies the horizontal and vertical alignment of the inner StackLayout elements.
- */
-export interface StackLayoutAlign {
-    /**
-     * Defines the possible horizontal alignment of the inner StackLayout elements
-     * ([see example]({% slug layout_stacklayout %}#toc-horizontal-align)).
-     *
-     * 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 StackLayout elements
-     * ([see example]({% slug layout_stacklayout %}#toc-vertical-align)).
-     *
-     * 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/stepper/Step.d.ts

@@ -1,27 +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 { StepHandle } from './interfaces/StepHandle';
-import { StepProps } from './interfaces/StepProps';
-/**
- * Represents the [KendoReact Step component]({% slug overview_stepper %}).
- *
- * @example
- * ```jsx
- * const steps = [
- *    { label: 'Step 1' },
- *    { label: 'Step 2' },
- *    { label: 'Step 3', optional: true }
- * ];
- *
- * const App = () => {
- *   return (
- *       <Stepper items={steps} value={1}/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<StepHandle | null>>;

package/stepper/Stepper.d.ts

@@ -1,27 +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 { StepperProps } from './interfaces/StepperProps';
-import { StepperHandle } from './interfaces/StepperHandle';
-/**
- * Represents the [KendoReact Stepper component]({% slug overview_stepper %}).
- *
- * @example
- * ```jsx
- * const steps = [
- *    { label: 'Step 1' },
- *    { label: 'Step 2' },
- *    { label: 'Step 3', optional: true }
- * ];
- *
- * const App = () => {
- *   return (
- *       <Stepper items={steps} value={1} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperHandle | null>>;

package/stepper/contants.d.ts

@@ -1,12 +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 DEFAULT_ANIMATION_DURATION = 400;
-/**
- * @hidden
- */
-export declare const NO_ANIMATION = 0;

package/stepper/context/StepperContext.d.ts

@@ -1,27 +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 { StepProps } from '../interfaces/StepProps';
-import { StepChangeEvent } from '../interfaces/StepChangeEvent';
-import { StepFocusEvent } from '../interfaces/StepFocusEvent';
-import { SVGIcon } from '@progress/kendo-react-common';
-/** @hidden */
-export type StepperContextType = {
-    animationDuration?: number | boolean;
-    isVertical?: boolean;
-    item?: React.ComponentType<StepProps>;
-    linear?: boolean;
-    mode?: 'steps' | 'labels';
-    numOfSteps?: number;
-    value: number;
-    successIcon?: string;
-    errorIcon?: string;
-    successSVGIcon?: SVGIcon;
-    errorSVGIcon?: SVGIcon;
-    onChange?: (event: StepChangeEvent) => void;
-    onFocus?: (event: StepFocusEvent) => void;
-};
-/** @hidden */
-export declare const StepperContext: React.Context<StepperContextType>;

package/stepper/interfaces/StepChangeEvent.d.ts

@@ -1,15 +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 { StepHandle } from './StepHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onChange` Step event.
- */
-export interface StepChangeEvent extends BaseEvent<StepHandle> {
-    /**
-     * The index of the selected Step.
-     */
-    value: number;
-}

package/stepper/interfaces/StepFocusEvent.d.ts

@@ -1,11 +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 { StepHandle } from './StepHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onFocus` Step event.
- */
-export interface StepFocusEvent extends BaseEvent<StepHandle> {
-}

package/stepper/interfaces/StepHandle.d.ts

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The Step ref.
- */
-export interface StepHandle {
-    /**
-     * The Step element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the Step.
-     */
-    focus: () => void;
-}

package/stepper/interfaces/StepProps.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 { SVGIcon } from '@progress/kendo-react-common';
-import * as React from 'react';
-/**
- * Represents the props of the [KendoReact Step component]({% slug overview_stepper %}).
- */
-export interface StepProps {
-    /**
-     * Represents the children that are passed to the Step.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the Step element.
-     */
-    className?: string;
-    /**
-     * Represents the content that will be rendered inside each Step.
-     *
-     * @hidden
-     */
-    content?: any;
-    /**
-     * Specifies the current Step.
-     */
-    current?: boolean;
-    /**
-     * Sets a custom property.
-     */
-    [customProp: string]: any;
-    /**
-     * Specifies if the Step is disabled
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    disabled?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme.
-     * The icon is rendered inside the Step indicator by a `span.k-icon` element
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon.
-     * The icon is rendered inside the Step indicator
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Sets the index of the Step that is used to identify it.
-     */
-    index?: number;
-    /**
-     * Specifies the validity of the step
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    isValid?: boolean;
-    /**
-     * Specifies the label of the Step
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    label?: string;
-    /**
-     * Specifies if the step is optional. The validation is not applied to these steps
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    optional?: boolean;
-    /**
-     * Sets additional CSS styles to the Step.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` property of the Step.
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the text content of the Step indicator
-     * ([see example]({% slug display_modes_stepper %})).
-     */
-    text?: string;
-}

package/stepper/interfaces/StepperChangeEvent.d.ts

@@ -1,15 +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 { StepperHandle } from '../interfaces/StepperHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onChange` Stepper event.
- */
-export interface StepperChangeEvent extends BaseEvent<StepperHandle> {
-    /**
-     * The index of the selected Step.
-     */
-    value: number;
-}

package/stepper/interfaces/StepperFocusEvent.d.ts

@@ -1,11 +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 { StepperHandle } from '../interfaces/StepperHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onFocus` Stepper event.
- */
-export interface StepperFocusEvent extends BaseEvent<StepperHandle> {
-}

package/stepper/interfaces/StepperHandle.d.ts

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The Stepper ref.
- */
-export interface StepperHandle {
-    /**
-     * The Stepper element.
-     */
-    element: HTMLMenuElement | null;
-    /**
-     * Focus the Stepper's first focusable child.
-     */
-    focus: () => void;
-}

package/stepper/interfaces/StepperProps.d.ts

@@ -1,98 +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 { StepProps } from './StepProps';
-import { StepperChangeEvent } from './StepperChangeEvent';
-import { StepperFocusEvent } from './StepperFocusEvent';
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * Represents the props of the [KendoReact Stepper component]({% slug overview_stepper %}).
- */
-export interface StepperProps {
-    /**
-     * Sets the duration of the Stepper animation. Defaults to `400ms`.
-     */
-    animationDuration?: boolean | number;
-    /**
-     * Represents the children that are passed to the Stepper.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the Stepper.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Disables the whole Stepper.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies a custom icon that will be rendered inside the step for invalid steps.
-     */
-    errorIcon?: string;
-    /**
-     * Specifies a custom SVG icon that will be rendered inside the step for invalid steps.
-     */
-    errorSVGIcon?: SVGIcon;
-    /**
-     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering_stepper %})).
-     *
-     * The default Component is: [Step]({% slug api_layout_step %}).
-     */
-    item?: React.ComponentType<StepProps>;
-    /**
-     * The collection of steps that will be rendered in the Stepper ([see example]({% slug overview_stepper %})).
-     */
-    items: Array<StepProps>;
-    /**
-     * Specifies the linear flow of the Stepper.
-     * ([see example]({% slug linear_mode_stepper %})).
-     */
-    linear?: boolean;
-    /**
-     * Specifies the display mode of the Stepper
-     * ([see example]({% slug display_modes_stepper %})).
-     * * The possible values are:
-     * * (Default) `steps`. Render step indicator and optional label.
-     * * `labels`. Render labels only.
-     */
-    mode?: 'steps' | 'labels';
-    /**
-     * Specifies the orientation of the Stepper
-     * ([see example]({% slug orientation_stepper %})).
-     *
-     * The possible values are:
-     * * (Default) `horizontal`
-     * * `vertical`
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Sets additional CSS styles to the Stepper.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a custom icon that will be rendered inside the step for valid steps.
-     */
-    successIcon?: string;
-    /**
-     * Specifies a custom SVG icon that will be rendered inside the step for valid steps.
-     */
-    successSVGIcon?: SVGIcon;
-    /**
-     * Specifies the index of the selected Step.
-     */
-    value: number;
-    /**
-     * The event handler that will be fired when the value is changed.
-     */
-    onChange?: (event: StepperChangeEvent) => void;
-    /**
-     * The event handler that will be fired when a Step is focused.
-     */
-    onFocus?: (event: StepperFocusEvent) => void;
-}

package/stepper/messages/index.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const optionalText = "stepper.optionalText";
-/**
- * @hidden
- */
-export declare const progBarAriaLabel = "stepper.progBarAriaLabel";
-/**
- * @hidden
- */
-export declare const messages: {
-    "stepper.optionalText": string;
-    "stepper.progBarAriaLabel": string;
-};