@progress/kendo-react-buttons 7.2.4-develop.3 → 7.3.0-develop.1

package/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts

@@ -1,219 +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 { FloatingActionButtonPopupSettings } from './FloatingActionButtonPopupSettings';
-import { FloatingActionButtonItemProps } from '../FloatingActionButtonItem';
-import { FloatingActionButtonAlign } from '../models/align';
-import { FloatingActionButtonAlignOffset } from '../models/align-offset';
-import { FloatingActionButtonEvent, FloatingActionButtonItemEvent } from '../models/events';
-import { FloatingActionButtonPositionMode } from '../models/position-mode';
-import { FloatingActionButtonSize } from '../models/size';
-import { FloatingActionButtonThemeColor } from '../models/theme-color';
-import { FloatingActionButtonRounded } from '../models/rounded';
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-/**
- * Represents the props of the [KendoReact FloatingActionButton component]({% slug overview_floatingactionbutton %}).
- */
-export interface FloatingActionButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onClick'> {
-    /**
-     * Sets additional CSS styles to the Floating Action Button.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the Floating Action Button.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL [see example]({% slug rtl_buttons %}).
-     */
-    dir?: string;
-    /**
-     * Sets the `id` property of the root HTML element.
-     */
-    id?: string;
-    /**
-     * Specifies if the Floating Action Button is disabled [see example]({% slug disabled_floatingactionbutton %}). Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the icon rendered in the Floating Action Button [see example]({% slug contenttypes_floatingactionbutton %}).
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon rendered in the Floating Action Button [see example]({% slug contenttypes_floatingactionbutton %}).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines a CSS class or multiple classes separated by spaces which are applied
-     * to a `span` element inside the Floating Action Button. Allows the usage of custom icons.
-     */
-    iconClass?: string;
-    /**
-     * Specifies the text of the Floating Action Button [see example]({% slug contenttypes_floatingactionbutton %}).
-     */
-    text?: string;
-    /**
-     * Specifies the horizontal and vertical offset applied to the Floating Action Button
-     * [see example]({% slug positioning_floatingactionbutton %}).
-     *
-     * Normally, the floating button is positioned next to the boundaries of its container with a default offset of `16px`.
-     *
-     * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
-     * not in a corner, can be moved along the container's boundary or towards the center of the container.
-     *
-     * A negative offset can be used to force a button to overflow the boundaries of its container.
-     *
-     * The possible keys are:
-     * * `x`&mdash;Sets the horizontal offset of the Floating Action Button.
-     * * `y`&mdash;Sets the vertical offset of the Floating Action Button.
-     *
-     */
-    alignOffset?: FloatingActionButtonAlignOffset;
-    /**
-     * Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container
-     * [see example]({% slug positioning_floatingactionbutton %}).
-     *
-     * > Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.
-     * Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle"
-     * at the same time is not supported.
-     *
-     * The possible keys are:
-     * * `horizontal`&mdash; Defines the possible horizontal alignment of the Floating Action Button..
-     *   * `start`&mdash;Uses the start point of the container.
-     *   * `center`&mdash;Uses the center point of the container.
-     *   * `end`(Default)&mdash;Uses the end point of the container
-     * * `vertical`&mdash; Defines the possible vertical alignment of the Floating Action Button..
-     *   * `top`&mdash;Uses the top point of the container.
-     *   * `middle`&mdash;Uses the middle point of the container.
-     *   * `bottom`(Default)&mdash;Uses the bottom point of the container.
-     *
-     */
-    align?: FloatingActionButtonAlign;
-    /**
-     * Specifies the position mode of the Floating Action Button
-     * [see example]({% slug positioning_floatingactionbutton %}). It is based on the
-     * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
-     *
-     * * The possible values are:
-     * * 'fixed' (Default)
-     * * 'absolute'
-     */
-    positionMode?: FloatingActionButtonPositionMode;
-    /**
-     * Specifies the size of the Floating Action Button
-     * [see example]({% slug appearance_floatingactionbutton %}).
-     *
-     * The possible values are:
-     * * `small`&mdash;Applies half of the default padding, e.g. `8px`.
-     * * `medium` (Default)&mdash;Applies the default padding, e.g. `16px`.
-     * * `large`&mdash;Applies one and one half of the default padding, e.g. `24px`.
-     * * `null`&mdash;Does not set a size `className`.
-     *
-     */
-    size?: FloatingActionButtonSize;
-    /**
-     * Specifies the rounding of the Floating Action Button.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `full`
-     * * `null`&mdash;Does not set a rounded `className`.
-     *
-     * @default `full`
-     */
-    rounded?: FloatingActionButtonRounded;
-    /**
-     * Specifies the theme color of the Floating Action Button
-     * [see example]({% slug appearance_floatingactionbutton %}).
-     *
-     * 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 inverse theme color.
-     * * `null`&mdash;Does not set a theme color `className`.
-     *
-     */
-    themeColor?: FloatingActionButtonThemeColor;
-    /**
-     * The collection of items that will be rendered in the Floating Action Button
-     * [see example]({% slug databinding_floatingactionbutton %}).
-     */
-    items?: Array<FloatingActionButtonItemProps>;
-    /**
-     * Overrides the default component responsible for visualizing a single item
-     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
-     *
-     * The default Component is: [FloatingActionButtonItem]({% slug api_buttons_floatingactionbuttonitem %}).
-     */
-    item?: React.ComponentType<FloatingActionButtonItemProps>;
-    /**
-     * Represents the additional props that will be passed to the Popup inside the Floating Action Button
-     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
-     */
-    popupSettings?: FloatingActionButtonPopupSettings;
-    /**
-     * Specifies the `tabIndex` of the main button.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the `accessKey` of the main button.
-     */
-    accessKey?: string;
-    /**
-     * Specifies if the Floating Action Button will be modal by rendering an overlay under the component.
-     */
-    modal?: boolean;
-    /**
-     * Set styles to the Floating Action Button overlay element rendered when the `modal` prop is enabled.
-     */
-    overlayStyle?: React.CSSProperties;
-    /**
-     * Fires when the Floating Action Button is focused
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onFocus?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the Floating Action Button is blurred
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onBlur?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the Floating Action Button is clicked.
-     */
-    onClick?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the Floating Action Button Item is clicked
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onItemClick?: (event: FloatingActionButtonItemEvent) => void;
-    /**
-     * Triggers onKeyDown event
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onKeyDown?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onOpen?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the popup which contains the items is closed
-     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
-     */
-    onClose?: (event: FloatingActionButtonEvent) => void;
-}
-export {};

package/FloatingActionButton/models/align-offset.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the horizontal and vertical offset applied to the Floating Action Button.
- *
- * Normally, the floating button is positioned next to the boundaries of its container with a default offset of `16px`.
- *
- * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
- * not in a corner, can be moved along the container's boundary or towards the center of the container.
- *
- * A negative offset can be used to force a button to overflow the boundaries of its container.
- */
-export interface FloatingActionButtonAlignOffset {
-    /**
-     * Sets the horizontal offset of the Floating Action Button.
-     */
-    x?: number | string;
-    /**
-     * Sets the vertical offset of the Floating Action Button.
-     */
-    y?: number | string;
-}

package/FloatingActionButton/models/align.d.ts

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container.
- *
- * > Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.
- * Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and
- * vertical: "middle" at the same time is not supported.
- */
-export interface FloatingActionButtonAlign {
-    /**
-     * Defines the possible horizontal alignment of the Floating Action Button.
-     *
-     * The available values are:
-     * - `start`—Uses the start point of the container.
-     * - `center`—Uses the center point of the container.
-     * - `end`(Default)—Uses the end point of the container.
-     */
-    horizontal?: 'start' | 'center' | 'end';
-    /**
-     * Defines the possible vertical alignment of the Floating Action Button.
-     *
-     * The available values are:
-     * - `top`—Uses the top point of the container.
-     * - `middle`—Uses the middle point of the container.
-     * - `bottom`(Default)—Uses the bottom point of the container.
-     */
-    vertical?: 'top' | 'middle' | 'bottom';
-}

package/FloatingActionButton/models/events.d.ts

@@ -1,25 +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 { FloatingActionButtonItemProps } from '../..';
-import { FloatingActionButtonHandle } from '../interfaces/FloatingActionButtonHandle';
-/**
- * Represents the return type of the FloatingActionButton events.
- */
-export interface FloatingActionButtonEvent extends BaseEvent<FloatingActionButtonHandle> {
-}
-/**
- * Represents the return type of the FloatingActionButtonItemEvent.
- */
-export interface FloatingActionButtonItemEvent extends BaseEvent<FloatingActionButtonHandle> {
-    /**
-     * The clicked item props.
-     */
-    itemProps?: FloatingActionButtonItemProps;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}

package/FloatingActionButton/models/position-mode.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the position mode of the Floating Action Button. It is based on the
- * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
- *
- * * The possible values are:
- * * 'absolute' (Default)
- * * 'fixed'
- */
-export type FloatingActionButtonPositionMode = 'absolute' | 'fixed';

package/FloatingActionButton/models/rounded.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the rounding of the Floating Action Button.
- *
- * The possible values are:
- * * `small`
- * * `medium`
- * * `large`
- * * `full`
- * * `null`—Does not set a rounded `className`.
- *
- */
-export type FloatingActionButtonRounded = null | 'small' | 'medium' | 'large' | 'full';

package/FloatingActionButton/models/size.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the size of the Floating Action Button.
- *
- * The possible values are:
- * * `small`—Applies half of the default padding, e.g. `8px`.
- * * `medium` (Default)—Applies the default padding, e.g. `16px`.
- * * `large`—Applies one and one half of the default padding, e.g. `24px`.
- * * `null`—Does not set a size `className`.
- *
- */
-export type FloatingActionButtonSize = null | 'small' | 'medium' | 'large';

package/FloatingActionButton/models/theme-color.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the theme color of the Floating Action Button..
- *
- * 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 inverse theme color.
- * * `null`—Does not set a theme color `className`.
- *
- */
-export type FloatingActionButtonThemeColor = null | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/FloatingActionButton/utils.d.ts

@@ -1,31 +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 { Align } from '@progress/kendo-react-popup';
-import { FloatingActionButtonAlignOffset } from './models/align-offset';
-import { FloatingActionButtonAlign } from './models/align';
-/**
- * @hidden
- */
-export declare const DEFAULT_OFFSET = "16px";
-/**
- * @hidden
- */
-export declare const toStringValues: (val: number | string) => string;
-/**
- * @hidden
- */
-export declare const getAnchorAlign: (fabAlign: FloatingActionButtonAlign, rtl?: boolean) => Align;
-/**
- * @hidden
- */
-export declare const getPopupAlign: (fabAlign: FloatingActionButtonAlign, rtl: boolean) => Align;
-/**
- * @hidden
- */
-export declare const getTextDirectionClass: (rtl: string, hAlign: any) => any;
-/**
- * @hidden
- */
-export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset | undefined, isRtl: boolean) => void;

package/ListButton/ButtonItem.d.ts

@@ -1,34 +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';
-/**
- * The props of the ButtonItem component.
- * The ButtonItem component renders each list item in the dropdown buttons list.
- */
-export interface ButtonItemProps {
-    focused?: boolean;
-    index?: number;
-    onClick: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, index?: number) => void;
-    onDown?: (event: React.PointerEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    render?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    dataItem: any;
-    id?: string;
-    textField?: string;
-    className?: string;
-}
-/**
- * @hidden
- */
-export declare const ButtonItem: {
-    (props: ButtonItemProps): any;
-    displayName: string;
-};

package/ListButton/DropDownButton.d.ts

@@ -1,127 +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 { DropDownButtonProps } from './models/ListButtonProps';
-/**
- * @hidden
- */
-export interface DropDownButtonState {
-    focusedIndex?: number;
-    focused?: boolean;
-    opened: boolean;
-}
-/**
- * Represents the [KendoReact DropDownButton component]({% slug overview_dropdownbutton %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    render() {
- *        return (
- *            <DropDownButton text="Act">
- *                <DropDownButtonItem text="Item1" />
- *                <DropDownButtonItem text="Item2" />
- *                <DropDownButtonItem text="Item3" />
- *            </DropDownButton>
- *        );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        accessKey: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        items: PropTypes.Requireable<any[]>;
-        textField: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-        disabled: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        popupSettings: PropTypes.Requireable<object>;
-        itemRender: PropTypes.Requireable<(...args: any[]) => any>;
-        item: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        buttonClass: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        size: string;
-        rounded: string;
-        fillMode: string;
-        themeColor: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: {
-        opened: boolean;
-        focused: boolean;
-        focusedIndex: number;
-    };
-    private mainButton;
-    private list;
-    private skipFocus;
-    private get guid();
-    private buttonsData;
-    private openedDuringOnChange?;
-    private get opened();
-    constructor(props: DropDownButtonProps);
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * The DOM element of main button.
-     */
-    get element(): HTMLButtonElement | null;
-    private onKeyDown;
-    private switchFocus;
-    private handleFocus;
-    private handleButtonBlur;
-    private handleMenuBlur;
-    private setOpen;
-    private onItemClick;
-    private onItemDown;
-    private mouseDown;
-    private dispatchClickEvent;
-    private renderPopup;
-    private onPopupClose;
-    private listRef;
-    private renderChildItems;
-    private onClickMainButton;
-    private dispatchPopupEvent;
-    private isItemDisabled;
-    private isRtl;
-}
-/**
- * Represent the `ref` of the DropDownButton component.
- */
-export interface DropDownButtonHandle extends Pick<DropDownButton, keyof DropDownButton> {
-}

package/ListButton/DropDownButtonItem.d.ts

@@ -1,34 +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 { ButtonItem } from './models/ButtonItem';
-/**
- * The properties of the KendoReact DropDownButtonItem component.
- */
-export interface DropDownButtonItemProps extends ButtonItem {
-    /**
-     * Determines the selected state of the ButtonItem component.
-     */
-    selected?: boolean;
-}
-export declare class DropDownButtonItem extends React.Component<DropDownButtonItemProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        text: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        render: PropTypes.Requireable<any>;
-    };
-    /**
-     * @hidden
-     */
-    render(): null;
-}