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

package/Chip/Chip.d.ts

@@ -1,238 +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 { SVGIcon } from '@progress/kendo-react-common';
-import { ChipRemoveEvent, ChipMouseEvent, ChipFocusEvent, ChipKeyboardEvent } from './../models/index';
-/**
- * Represents the properties of [Chip]({% slug api_buttons_chip %}) component.
- */
-export interface ChipProps {
-    /**
-     * Sets the `id` property of the top div element of the Chip.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the Chip.
-     */
-    className?: string;
-    /**
-     * The React elements that will be rendered as custom content inside the Chip.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `tabIndex` attribute.
-     */
-    tabIndex?: number;
-    /**
-     * Sets additional CSS styles to the Chip.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the label text of the Chip.
-     */
-    text?: string;
-    /**
-     * Sets the `id` value of the Chip.
-     */
-    value?: any;
-    /**
-     * The Chip direction 'ltr' as default or 'rtl'.
-     */
-    dir?: string;
-    /**
-     * Determines if the Chip could be removed.
-     */
-    removable?: boolean;
-    /**
-     * Determines if the Chip has custom font `removeIcon`.
-     */
-    removeIcon?: string;
-    /**
-     * Determines if the Chip has custom SVG `removeIcon`.
-     */
-    removeSvgIcon?: SVGIcon;
-    /**
-     * Determines if the Chip is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Determines if the Chip has a font `icon`.
-     */
-    icon?: string;
-    /**
-     * Determines if the Chip has an SVG `icon`.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Determines if the Chip has an avatar.
-     */
-    avatar?: ChipAvatarProps;
-    /**
-     * Determines if the Chip has custom selection font `icon`.
-     */
-    selectedIcon?: string;
-    /**
-     * Determines if the Chip has custom selection SVG `icon`.
-     */
-    selectedSvgIcon?: SVGIcon;
-    /**
-     * Triggered on Chip removing.
-     */
-    onRemove?: (event: ChipRemoveEvent) => void;
-    /**
-     * Triggered on `onClick` event.
-     */
-    onClick?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseDown` event.
-     */
-    onMouseDown?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseUp` event.
-     */
-    onMouseUp?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onDoubleClick` event.
-     */
-    onDoubleClick?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseEnter` event.
-     */
-    onMouseEnter?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseLeave` event.
-     */
-    onMouseLeave?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseMove` event.
-     */
-    onMouseMove?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseOut` event.
-     */
-    onMouseOut?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onMouseOver` event.
-     */
-    onMouseOver?: (event: ChipMouseEvent) => void;
-    /**
-     * Triggered on `onKeyDown` event.
-     */
-    onKeyDown?: (event: ChipKeyboardEvent) => void;
-    /**
-     * Triggered on `onFocus` event.
-     */
-    onFocus?: (event: ChipFocusEvent) => void;
-    /**
-     * Triggered on `onBlur` event.
-     */
-    onBlur?: (event: ChipFocusEvent) => void;
-    /**
-     * Represents the item data, coming from the `ChipList` component.
-     */
-    dataItem?: any;
-    /**
-     * Determines if the Chip is selected.
-     */
-    selected?: boolean;
-    /**
-     * Identifies the element(s) which will describe the component, similar to an [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example, these elements could contain an error or a hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * @hidden
-     */
-    role?: string;
-    /**
-     * Configures the `size` of the Chip.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null—Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Chip.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null—Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the Chip.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - null—Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline';
-    /**
-     * Configures the `themeColor` of the Chip.
-     *
-     * The available options are:
-     * - base
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - null—Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'info' | 'success' | 'warning' | 'error';
-    /**
-     * Represents the label of the Chip component.
-     */
-    ariaLabel?: string;
-}
-/**
- * Represents the target(element and props) of the ChipRemoveEvent.
- */
-export interface ChipHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the Chip.
-     */
-    props: ChipProps;
-}
-export interface ChipAvatarProps {
-    /**
-     * Sets the image of the avatar.
-     */
-    image: string;
-    /**
-     * Defines the alternative text of the avatar image.
-     */
-    imageAlt: string;
-    /**
-     * Configures the `roundness` of the avatar
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets additional CSS styles to the avatar
-     */
-    style?: React.CSSProperties;
-}
-/**
- * Represents the Chip component.
- */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<ChipHandle | null>>;

package/Chip/ChipList.d.ts

@@ -1,119 +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 { FormComponentProps, KendoMouse } from '@progress/kendo-react-common';
-import { ChipProps } from './Chip';
-import { ChipListChangeEvent, ChipListDataChangeEvent } from './../models/index';
-/**
- * Represents the properties of [ChipList]({% slug api_buttons_chiplist %}) component.
- */
-export interface ChipListProps extends FormComponentProps, KendoMouse<ChipListHandle, HTMLDivElement> {
-    /**
-     * Sets the `id` property of the top div element of the ChipList.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the ChipList.
-     */
-    className?: string;
-    /**
-     * Sets the `tabIndex` attribute.
-     */
-    tabIndex?: number;
-    /**
-     * Sets additional CSS styles to the ChipList.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Represents Chip component.
-     */
-    chip?: React.ComponentType<ChipProps>;
-    /**
-     * Represents the data about the child Chips.
-     */
-    data?: any;
-    /**
-     * Represents the default data about the child Chips.
-     */
-    defaultData?: any[];
-    /**
-     * Triggered after Chip data change.
-     */
-    onDataChange?: (event: ChipListDataChangeEvent) => void;
-    /**
-     * Represents the selection state of Chip component.
-     */
-    value?: any | any[];
-    /**
-     * Represents the default value of the selection state of Chip component.
-     */
-    defaultValue?: any | any[];
-    /**
-     * Triggered after value change.
-     */
-    onChange?: (event: ChipListChangeEvent) => void;
-    /**
-     * Represents the selection state of Chip component.
-     */
-    selection?: string;
-    /**
-     * Represents the `text` field of Chip, used for the `label`.
-     */
-    textField?: string;
-    /**
-     * Represents the `value` field of Chip, used for setting the Chip `id`.
-     */
-    valueField?: string;
-    /**
-     * Determines of ChipList is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The ChipList direction 'ltr' as default or 'rtl'.
-     */
-    dir?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Configures the `size` of the ChipList.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-}
-/**
- * Represents the target(element and props) of the ChipListChangeEvent.
- */
-export interface ChipListHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the ChipList.
-     */
-    props: ChipListProps;
-}
-/**
- * Represents the ChipList component.
- */
-export declare const ChipList: React.ForwardRefExoticComponent<ChipListProps & React.RefAttributes<ChipListHandle | null>>;

package/Chip/chip-list-contexts.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
-*-------------------------------------------------------------------------------------------*/
-import React from 'react';
-/**
- * @hidden
- */
-export declare const ChipListSelectionContext: React.Context<[string | string[] | null, Function]>;
-/**
- * @hidden
- */
-export declare const ChipListFocusContext: React.Context<[string | string[] | null, Function]>;
-/**
- * @hidden
- */
-export declare const ChipListDataContext: React.Context<[string | null, Function]>;

package/Chip/data-reducer.d.ts

@@ -1,26 +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';
-/**
- * @hidden
- */
-export declare enum CHIP_DATA_ACTION {
-    remove = "remove",
-    add = "add",
-    reorder = "reorder"
-}
-/**
- * @hidden
- */
-export type DataAction = {
-    type: CHIP_DATA_ACTION;
-    payload?: any;
-    valueField: string;
-    event?: React.SyntheticEvent<any>;
-};
-/**
- * @hidden
- */
-export declare const dataReducer: (state: any, action: DataAction) => any;

package/Chip/focus-reducer.d.ts

@@ -1,28 +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 enum FOCUS_ACTION {
-    next = "next",
-    prev = "prev",
-    current = "current",
-    reset = "reset"
-}
-/**
- * @hidden
- */
-export type FocusAction = {
-    type: FOCUS_ACTION;
-    payload: string;
-    items: string[];
-    target?: any;
-    event?: React.SyntheticEvent<any>;
-    state?: any;
-};
-/**
- * @hidden
- */
-export declare const focusReducer: (state: any, action: FocusAction) => any;

package/Chip/selection-reducer.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';
-/**
- * @hidden
- */
-export declare enum SELECTION_TYPE {
-    single = "single",
-    multiple = "multiple",
-    none = "none"
-}
-/**
- * @hidden
- */
-export declare enum SELECTION_ACTION {
-    toggle = "toggle",
-    remove = "remove"
-}
-/**
- * @hidden
- */
-export type SelectionAction = {
-    type?: SELECTION_ACTION;
-    selection: SELECTION_TYPE;
-    payload?: string;
-    event?: React.SyntheticEvent<any>;
-    state?: any;
-};
-/**
- * @hidden
- */
-export declare const selectionReducer: (state: any, action: SelectionAction) => any;

package/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,21 +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 { FloatingActionButtonHandle } from './interfaces/FloatingActionButtonHandle';
-import { FloatingActionButtonProps } from './interfaces/FloatingActionButtonProps';
-/**
- * Represents the [KendoReact FloatingActionButton component]({% slug overview_floatingactionbutton %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *     <FloatingActionButton icon="plus" text="Create"/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<FloatingActionButtonHandle | null>>;

package/FloatingActionButton/FloatingActionButtonItem.d.ts

@@ -1,109 +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 { SVGIcon } from '@progress/kendo-react-common';
-/**
- * The FloatingActionButtonItemHandle ref.
- */
-export interface FloatingActionButtonItemHandle {
-    /**
-     * The FloatingActionButtonItemHandle element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the FloatingActionButtonItem.
-     */
-    focus: () => void;
-}
-/**
- * Represents the props of the [KendoReact FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
- */
-export interface FloatingActionButtonItemProps {
-    /**
-     * Sets additional CSS styles to the FloatingActionButtonItem.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the FloatingActionButtonItem.
-     */
-    className?: string;
-    /**
-     * Represents the children that are passed to the FloatingActionButtonItem.
-     */
-    children?: any;
-    /**
-     * Specifies if the Floating Action Button Item is disabled [see example]({% slug disabled_floatingactionbuttonitem %}).
-     * Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the index of the Floating Action Button Item that is used to identify it.
-     */
-    index?: number;
-    /**
-     * Defines the icon rendered in the FloatingActionButtonItem
-     * [see example]({% slug databinding_floatingactionbutton %}).
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon rendered in the FloatingActionButtonItem.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies the text of the FloatingActionButtonItem
-     * [see example]({% slug databinding_floatingactionbutton %}).
-     */
-    text?: string;
-    /**
-     * Sets the `tabIndex` property of the FloatingActionButtonItem..
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Sets a custom property. Contained in the FloatingActionButtonItem props that are
-     * returned from the `onItemClick` FloatingActionButton event
-     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
-     */
-    [customProp: string]: any;
-    /**
-     * @hidden
-     */
-    id?: string;
-    /**
-     * @hidden
-     */
-    dataItem?: any;
-    /**
-     * @hidden
-     */
-    item?: any;
-    /**
-     * @hidden
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    onDown?: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onClick?: (event: any, index: number) => void;
-}
-/**
- * Represents the [KendoReact FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <FloatingActionButton items={[{icon: 'pencil', text: 'Edit'}, {icon: 'close', text: 'Remove'}] icon: 'plus'} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const FloatingActionButtonItem: React.ForwardRefExoticComponent<Omit<FloatingActionButtonItemProps, "ref"> & React.RefAttributes<FloatingActionButtonItemHandle | null>>;

package/FloatingActionButton/interfaces/FloatingActionButtonHandle.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 FloatingActionButton ref.
- */
-export interface FloatingActionButtonHandle {
-    /**
-     * The FloatingActionButton element.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * Focus the FloatingActionButton.
-     */
-    focus: () => void;
-}

package/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts

@@ -1,28 +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, PopupAnimation } from '@progress/kendo-react-popup';
-/**
- * Represents the settings that can be passed to the Popup inside the FloatingActionButtonPopupSettings.
- */
-export interface FloatingActionButtonPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled
-     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup
-     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
-     */
-    popupClass?: string;
-    /**
-     * @hidden
-     */
-    anchorAlign?: Align;
-    /**
-     * @hidden
-     */
-    popupAlign?: Align;
-}