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

package/ListButton/SplitButton.d.ts

@@ -1,129 +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 { SplitButtonProps } from './models/ListButtonProps';
-/**
- * @hidden
- */
-export interface SplitButtonState {
-    focusedIndex?: number;
-    focused?: boolean;
-    opened?: boolean;
-}
-/**
- * Represents the [KendoReact SplitButton component]({% slug overview_splitbutton %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    render() {
- *        return (
- *            <SplitButton text="Act">
- *                <SplitButtonItem text="Item1" />
- *                <SplitButtonItem text="Item2" />
- *                <SplitButtonItem text="Item3" />
- *            </SplitButton>
- *        );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        accessKey: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        onButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        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>;
-        text: PropTypes.Requireable<string>;
-        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<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: {
-        focused: boolean;
-        focusedIndex: number;
-        opened: boolean;
-    };
-    private wrapper;
-    private mainButton;
-    private list;
-    private get guid();
-    private skipFocus;
-    private buttonsData;
-    private openedDuringOnChange?;
-    constructor(props: SplitButtonProps);
-    private get opened();
-    /**
-     * @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 onFocus;
-    private setOpen;
-    private onItemClick;
-    private onBlur;
-    private dispatchClickEvent;
-    private renderPopup;
-    private onPopupClose;
-    private listRef;
-    private renderChildItems;
-    private onSplitPartClick;
-    private onDownSplitPart;
-    private onItemDown;
-    private dispatchPopupEvent;
-    private isItemDisabled;
-    private isRtl;
-}
-/**
- * Represent the `ref` of the SplitButton component.
- */
-export interface SplitButtonHandle extends Pick<SplitButton, keyof SplitButton> {
-}

package/ListButton/SplitButtonItem.d.ts

@@ -1,29 +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 SplitButtonItem component.
- */
-export interface SplitButtonItemProps extends ButtonItem {
-}
-export declare class SplitButtonItem extends React.Component<SplitButtonItemProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        text: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        render: PropTypes.Requireable<any>;
-    };
-    /**
-     * @hidden
-     */
-    render(): null;
-}

package/ListButton/models/ButtonItem.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 { SVGIcon } from '@progress/kendo-react-common';
-/**
- * The interface for describing items that can be passed to the `items` property of the SplitButton or the DropDownButton as an alternative to passing them as children.
- */
-export interface ButtonItem {
-    /**
-     * Specifies the text of the item.
-     */
-    text: string;
-    /**
-     * Defines an icon that will be rendered next to the item text.
-     */
-    icon?: string;
-    /**
-     * Defines an SVG icon that will be rendered next to the item text.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the item text.
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of an image that will be displayed next to the item text.
-     */
-    imageUrl?: string;
-    /**
-     * Determines whether the item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * A React functional or class component for rendering the item. The default rendering includes an icon, an image, and text.
-     */
-    render?: any;
-}

package/ListButton/models/ListButtonProps.d.ts

@@ -1,339 +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 { ButtonsPopupSettings } from './PopupSettings';
-import { SplitButtonClickEvent, SplitButtonItemClickEvent, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, DropDownButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent } from './events';
-import { ButtonItemProps } from '../ButtonItem';
-import { KendoReactComponentBaseProps, SVGIcon } from '@progress/kendo-react-common';
-export interface DropDownButtonProps extends KendoReactComponentBaseProps {
-    /**
-     * Specifies the `accessKey` of the main button.
-     */
-    accessKey?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * The title of the component.
-     */
-    title?: string;
-    /**
-     * Specifies the text of the main button ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
-     */
-    text?: React.ReactNode;
-    /**
-     * Specifies the list items ([see example]({% slug binding_dropdownbutton %}#toc-array-of-objects)).
-     */
-    items?: any[];
-    /**
-     * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example]({% slug binding_dropdownbutton %}#toc-array-of-objects)).
-     */
-    textField?: string;
-    /**
-     * Specifies the `tabIndex` of the main button.
-     */
-    tabIndex?: number;
-    /**
-     * Determines whether the component is disabled ([see example]({% slug disabled_dropdownbutton %})).
-     */
-    disabled?: boolean;
-    /**
-     * Opens the popup of the DropDownButton if set to `true`.
-     */
-    opened?: boolean;
-    /**
-     * Defines an icon that will be rendered next to the main button text ([see example]({% slug icons_dropdownbutton %})).
-     */
-    icon?: string;
-    /**
-     * Defines a SVG icon that will be rendered next to the main button text ([see example]({% slug icons_dropdownbutton %})).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example]({% slug icons_dropdownbutton %})).
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of an image that will be displayed next to the main button text ([see example]({% slug icons_dropdownbutton %})).
-     */
-    imageUrl?: string;
-    /**
-     * Configures the popup
-     * ([see example]({% slug customization_dropdownbutton %}#toc-popup)).
-     */
-    popupSettings?: ButtonsPopupSettings;
-    /**
-     * A React functional or class component which is used for rendering items ([see example]({% slug customization_dropdownbutton %}#toc-item-render)). The default rendering includes an icon, an image, and text.
-     */
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
-     * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
-     */
-    itemRender?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Sets the `className` of the DropDownButton component.
-     */
-    className?: string;
-    /**
-     * Sets the `className` of the main button.
-     */
-    buttonClass?: string;
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-    /**
-     * Fires when the component is focused ([see example]({% slug overview_dropdownbutton %}#toc-events)).
-     */
-    onFocus?: (event: DropDownButtonFocusEvent) => void;
-    /**
-     * Fires when the component is blurred ([see example]({% slug overview_dropdownbutton %}#toc-events)).
-     */
-    onBlur?: (event: DropDownButtonBlurEvent) => void;
-    /**
-     * Fires when an item is clicked ([see example]({% slug overview_dropdownbutton %}#toc-events)).
-     */
-    onItemClick?: (event: DropDownButtonItemClickEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened ([see example]({% slug overview_dropdownbutton %}#toc-events)).
-     */
-    onOpen?: (event: DropDownButtonOpenEvent) => void;
-    /**
-     * Fires when the popup which contains the items is closed ([see example]({% slug overview_dropdownbutton %}#toc-events)).
-     */
-    onClose?: (event: DropDownButtonCloseEvent) => void;
-    /**
-     * Configures the `size` of the DropDownButton.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the DropDownButton.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the DropDownButton.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
-    /**
-     * Configures the `themeColor` of the DropDownButton.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-}
-export interface SplitButtonProps extends KendoReactComponentBaseProps {
-    /**
-     * Specifies the `accessKey` of the main button.
-     */
-    accessKey?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * The title of the component.
-     */
-    title?: string;
-    /**
-     * Specifies the text of the main button ([see example]({% slug overview_splitbutton %}#toc-basic-usage)).
-     */
-    text?: string;
-    /**
-     * Specifies the list items ([see example]({% slug binding_splitbutton %}#toc-array-of-objects)).
-     */
-    items?: any[];
-    /**
-     * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example]({% slug binding_splitbutton %}#toc-array-of-objects)).
-     */
-    textField?: string;
-    /**
-     * Specifies the `tabIndex` of the main button.
-     */
-    tabIndex?: number;
-    /**
-     * Determines whether the component is disabled ([see example]({% slug disabled_splitbutton %})).
-     */
-    disabled?: boolean;
-    /**
-     * Defines an icon that will be rendered next to the main button text ([see example]({% slug icons_splitbutton %})).
-     */
-    icon?: string;
-    /**
-     * Defines a SVG icon that will be rendered next to the main button text ([see example]({% slug icons_splitbutton %})).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example]({% slug icons_splitbutton %})).
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of an image that will be displayed next to the main button text ([see example]({% slug icons_splitbutton %})).
-     */
-    imageUrl?: string;
-    /**
-     * Configures the popup ([see example]({% slug customization_splitbutton %}#toc-popup)).
-     */
-    popupSettings?: ButtonsPopupSettings;
-    /**
-     * Opens the popup of the SplitButton if set to `true`.
-     */
-    opened?: boolean;
-    /**
-     * A React functional or class component which is used for rendering items ([see example]({% slug customization_dropdownbutton %}#toc-item-render)). The default rendering includes an icon, an image, and text.
-     */
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
-     * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
-     */
-    itemRender?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Sets the `className` of the SplitButton component.
-     */
-    className?: string;
-    /**
-     * Sets the `className` of the main button.
-     */
-    buttonClass?: string;
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-    /**
-     * Fires when the main button is clicked ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onButtonClick?: (event: SplitButtonClickEvent) => void;
-    /**
-     * Fires when the component is focused ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onFocus?: (event: SplitButtonFocusEvent) => void;
-    /**
-     * Fires when the component is blurred ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onBlur?: (event: SplitButtonBlurEvent) => void;
-    /**
-     * Fires when an item is clicked ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onItemClick?: (event: SplitButtonItemClickEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onOpen?: (event: SplitButtonOpenEvent) => void;
-    /**
-     * Fires when the popup which contains the items is closed ([see example]({% slug overview_splitbutton %}#toc-events)).
-     */
-    onClose?: (event: SplitButtonCloseEvent) => void;
-    /**
-     * Configures the `size` of the SplitButton.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the SplitButton.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the SplitButton.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
-    /**
-     * Configures the `themeColor` of the SplitButton.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-}

package/ListButton/models/PopupSettings.d.ts

@@ -1,32 +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 { PopupAnimation, Align, PopupCloseEvent } from '@progress/kendo-react-popup';
-/**
- * The settings of the popup container.
- */
-export interface ButtonsPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled.
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup.
-     */
-    popupClass?: string;
-    /**
-     * Specifies the pivot point of the anchor
-     * ([see example]({% slug alignmentpositioning_popup %})).
-     */
-    anchorAlign?: Align;
-    /**
-     * Specifies the pivot point of the Popup
-     * ([see example]({% slug alignmentpositioning_popup %})).
-     */
-    popupAlign?: Align;
-    /**
-     * Fires after the Popup is closed.
-     */
-    onClose?: (event: PopupCloseEvent) => void;
-}

package/ListButton/models/events.d.ts

@@ -1,51 +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 { SplitButton } from './../SplitButton';
-import { DropDownButton } from './../DropDownButton';
-import { BaseEvent } from '@progress/kendo-react-common';
-export interface SplitButtonFocusEvent extends BaseEvent<SplitButton> {
-}
-export interface SplitButtonBlurEvent extends BaseEvent<SplitButton> {
-}
-export interface SplitButtonClickEvent extends BaseEvent<SplitButton> {
-}
-export interface SplitButtonOpenEvent extends BaseEvent<SplitButton> {
-}
-export interface SplitButtonCloseEvent extends BaseEvent<SplitButton> {
-}
-/**
- * The arguments for the `itemClick` event.
- */
-export interface SplitButtonItemClickEvent extends BaseEvent<SplitButton> {
-    /**
-     * The clicked item.
-     */
-    item: any;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}
-export interface DropDownButtonFocusEvent extends BaseEvent<DropDownButton> {
-}
-export interface DropDownButtonBlurEvent extends BaseEvent<DropDownButton> {
-}
-export interface DropDownButtonOpenEvent extends BaseEvent<DropDownButton> {
-}
-export interface DropDownButtonCloseEvent extends BaseEvent<DropDownButton> {
-}
-/**
- * The arguments for the `itemClick` event.
- */
-export interface DropDownButtonItemClickEvent extends BaseEvent<DropDownButton> {
-    /**
-     * The clicked item.
-     */
-    item: any;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}

package/ListButton/utils/navigation.d.ts

@@ -1,9 +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
- */
-declare const navigate: (focusedIndex: number, keyCode: number, altKey: boolean, total: number) => number;
-export { navigate };

package/ListButton/utils/popup.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
-*-------------------------------------------------------------------------------------------*/
-import { Align } from '@progress/kendo-react-popup';
-/**
- * @hidden
- */
-export declare function getAnchorAlign(isDirectionRightToLeft?: boolean): Align;
-/**
- * @hidden
- */
-export declare function getPopupAlign(isDirectionRightToLeft?: boolean): Align;