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

package/checkbox/interfaces/CheckboxProps.d.ts

@@ -1,126 +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 { ToggleBaseProps } from '../../interfaces/ToggleBaseProps';
-import { FormComponentProps } from '@progress/kendo-react-common';
-import { CheckboxChangeEvent } from './CheckboxChangeEvent';
-import { CheckboxFocusEvent } from './CheckboxFocusEvent';
-import { CheckboxBlurEvent } from './CheckboxBlurEvent';
-/**
- * @hidden
- */
-type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-/**
- * Represents the props of the [KendoReact Checkbox component]({% slug overview_checkbox %}).
- * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
- */
-export interface CheckboxProps extends ToggleBaseProps, FormComponentProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'value' | 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
-    /**
-     * Sets the checked state of the Checkbox.
-     * Set to null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
-     */
-    checked?: boolean | null;
-    /**
-     * If the type is different than boolean and the `checked` property is provided it's passed to the underlying `input` element.
-     * If set to boolean and the `checked` property is omitted sets the checked state of the Checkbox.
-     * Set null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
-     */
-    value?: string | number | string[] | boolean | null;
-    /**
-     * Sets the `className` of the wrapping element of the Checkbox.
-     */
-    className?: string;
-    /**
-     * Sets the `className` of the label element of the Checkbox.
-     */
-    labelClassName?: string;
-    /**
-     * The React elements that are passed as children to the rendered component.
-     */
-    children?: any;
-    /**
-     * Sets the default value of checked attribute when used in uncontrolled mode ([see example]({% slug default_state %})).
-     */
-    defaultChecked?: boolean;
-    /**
-     * The default value of the Checkbox.
-     */
-    defaultValue?: any;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Sets the disabled state of the Checkbox
-     * ([see example]({% slug disabled_checkbox %})).
-     */
-    disabled?: boolean;
-    /**
-     * Sets the `id` of the Checkbox.
-     */
-    id?: string;
-    /**
-     * Configures the `size` of the Checkbox.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `rounded` style of the Checkbox.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large';
-    /**
-     * 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;
-    /**
-     * Sets the label of the Checkbox component ([see example]({% slug labels_checkbox %})).
-     */
-    label?: string | HTMLElement;
-    /**
-     * Sets the label position of the Checkbox component ([see example]({% slug labels_checkbox %})).
-     */
-    labelPlacement?: 'before' | 'after';
-    /**
-     * Sets the optional text after the label of the Checkbox component.
-     */
-    labelOptional?: boolean;
-    /**
-     * Sets the `tabIndex` property of the Checkbox.
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * The event handler that will be fired when the user edits the value.
-     */
-    onChange?: (event: CheckboxChangeEvent) => void;
-    /**
-     * The event handler that will be fired when Checkbox is focused.
-     */
-    onFocus?: (event: CheckboxFocusEvent) => void;
-    /**
-     * The event handler that will be fired when Checkbox is blurred.
-     */
-    onBlur?: (event: CheckboxBlurEvent) => void;
-}
-export {};

package/colors/ColorContrastLabels.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
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { RGBA } from './models/rgba';
-/**
- * @hidden
- */
-export interface ColorContrastLabelProps {
-    bgColor: RGBA;
-    rgba: RGBA;
-}
-/**
- * @hidden
- */
-export declare class ColorContrastLabels extends React.Component<ColorContrastLabelProps, {}> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/colors/ColorContrastSvg.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';
-import { HSVA } from './models/hsva';
-/**
- * @hidden
- */
-export interface ColorContrastSvgProps {
-    metrics: ClientRect | undefined;
-    backgroundColor: string;
-    hsva: HSVA;
-}
-/**
- * @hidden
- */
-export declare class ColorContrastSvg extends React.Component<ColorContrastSvgProps> {
-    renderSvgCurveLine(): string;
-    shouldComponentUpdate(nextProps: ColorContrastSvgProps): boolean;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/colors/ColorGradient.d.ts

@@ -1,191 +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 { DraggableDragEvent } from '@progress/kendo-react-common';
-import { SliderChangeEvent } from './../slider/Slider';
-import { NumericTextBoxChangeEvent } from './../numerictextbox/interfaces/NumericTextBoxChangeEvent';
-import { HSVA } from './models/hsva';
-import { RGBA } from './models/rgba';
-import { ColorGradientProps } from './interfaces/ColorGradientProps';
-/**
- * @hidden
- */
-export interface ColorGradientState {
-    hsva: HSVA;
-    backgroundColor: string;
-    rgba: RGBA;
-    hex: string;
-    isFirstRender: boolean;
-    guid: string;
-}
-/** @hidden */
-export declare class ColorGradientWithoutContext extends React.Component<ColorGradientProps, ColorGradientState> {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        defaultValue: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        opacity: PropTypes.Requireable<boolean>;
-        backgroundColor: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<any>;
-        disabled: PropTypes.Requireable<boolean>;
-        style: PropTypes.Requireable<any>;
-        id: PropTypes.Requireable<string>;
-        role: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        opacity: boolean;
-        role: string;
-        format: "hex" | "rgba" | "rgb";
-    };
-    /**
-     * @hidden
-     */
-    wrapper: HTMLDivElement | null;
-    private gradientWrapper;
-    private alphaSlider;
-    constructor(props: ColorGradientProps);
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: ColorGradientProps, state: ColorGradientState): {
-        hsva: any;
-        backgroundColor: string;
-        rgba: any;
-        hex: any;
-    } | null;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(_: ColorGradientProps, prevState: ColorGradientState): void;
-    /**
-     * @hidden
-     */
-    onHexChange: (hex: string, value: string, event: any) => void;
-    /**
-     * @hidden
-     */
-    onRgbaChange: (rgba: RGBA, event: NumericTextBoxChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onAlphaSliderChange: (event: SliderChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onHueSliderChange: (event: SliderChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onDrag: (e: DraggableDragEvent) => void;
-    /**
-     * @hidden
-     */
-    onRelease: () => void;
-    /**
-     * @hidden
-     */
-    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * @hidden
-     */
-    renderRectangleDragHandle(): import("react/jsx-runtime").JSX.Element;
-    /**
-     * @hidden
-     */
-    changePosition: (event: any) => void;
-    /**
-     * @hidden
-     */
-    handleHsvaChange(hsva: HSVA, syntheticEvent: React.SyntheticEvent<any>, nativeEvent: any): void;
-    /**
-     * @hidden
-     */
-    dispatchChangeEvent(value: string, syntheticEvent: React.SyntheticEvent<any>, nativeEvent: any): void;
-    /**
-     * @hidden
-     */
-    onFocus: (nativeEvent: any) => void;
-    /**
-     * @hidden
-     */
-    static getStateFromValue(value: string, componentGuid?: string): {
-        hsva: any;
-        backgroundColor: string;
-        rgba: any;
-        hex: any;
-    };
-    /**
-     * @hidden
-     */
-    setAlphaSliderBackground(backgroundColor: string): void;
-    /**
-     * @hidden
-     */
-    get isUncontrolled(): boolean;
-    /**
-     * @hidden
-     */
-    getGradientRectMetrics(): ClientRect;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-/**
- * Represents the PropsContext of the `ColorGradient` component.
- * Used for global configuration of all `ColorGradient` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export declare const ColorGradientPropsContext: React.Context<(p: ColorGradientProps) => ColorGradientProps>;
-/**
- * Represent the `ref` of the ColorGradient component.
- */
-export interface ColorGradientHandle extends Pick<ColorGradientWithoutContext, keyof ColorGradientWithoutContext> {
-}
-/** @hidden */
-export type ColorGradient = ColorGradientHandle;
-/**
- * Represents the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
- *
- * Accepts properties of type [ColorGradientProps]({% slug api_inputs_colorgradientprops %}).
- * Obtaining the `ref` returns an object of type [ColorGradientHandle]({% slug api_inputs_colorgradienthandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <ColorGradient />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const ColorGradient: React.ForwardRefExoticComponent<ColorGradientProps & React.RefAttributes<any>>;

package/colors/ColorInput.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 { NumericTextBoxChangeEvent } from '../numerictextbox/interfaces/NumericTextBoxChangeEvent';
-import { RGBA } from './models/rgba';
-/**
- * @hidden
- */
-export interface ColorInputProps {
-    rgba: RGBA;
-    onRgbaChange: (rgba: RGBA, event: NumericTextBoxChangeEvent) => void;
-    hex: string;
-    onHexChange: any;
-    opacity: boolean;
-    disabled?: boolean;
-    defaultInputMode?: 'rgba' | 'rgb' | 'hex';
-}
-/**
- * @hidden
- */
-export default class ColorInput extends React.Component<ColorInputProps, {
-    inputMode: string;
-}> {
-    constructor(props: ColorInputProps);
-    render(): import("react/jsx-runtime").JSX.Element;
-    private onRgbaRChange;
-    private onRgbaGChange;
-    private onRgbaBChange;
-    private onRgbaAChange;
-    private dispatchRgbaChange;
-    private onToggleModeChange;
-}

package/colors/ColorPalette.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 { ColorPaletteProps } from './interfaces/ColorPaletteProps';
-/**
- * @hidden
- */
-export declare const DEFAULT_TILE_SIZE = 24;
-/**
- * @hidden
- */
-export declare const DEFAULT_COLUMNS_COUNT = 10;
-/**
- * @hidden
- */
-export declare const DEFAULT_PRESET = "office";
-/**
- * @hidden
- */
-export interface ColorPaletteState {
-    selectedColor?: string;
-    focusedColor?: string;
-    isFirstRender: boolean;
-}
-/** @hidden */
-export declare class ColorPaletteWithoutContext extends React.Component<ColorPaletteProps, ColorPaletteState> {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        palette: PropTypes.Requireable<NonNullable<string | string[] | null | undefined>>;
-        columns: PropTypes.Requireable<number>;
-        tileSize: PropTypes.Requireable<any>;
-        defaultValue: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        tabIndex: PropTypes.Requireable<number>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        palette: string;
-        tileSize: number;
-    };
-    /**
-     * @hidden
-     */
-    wrapper: HTMLDivElement | null;
-    private paletteService;
-    private get guid();
-    constructor(props: ColorPaletteProps);
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): "" | import("react/jsx-runtime").JSX.Element;
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: ColorPaletteProps, state: ColorPaletteState): {
-        selectedColor: undefined;
-        isFirstRender?: undefined;
-    } | {
-        selectedColor: string;
-        isFirstRender?: undefined;
-    } | {
-        isFirstRender: boolean;
-        selectedColor?: undefined;
-    } | null;
-    private onKeyDown;
-    private onColorClick;
-    private onFocus;
-    private onBlur;
-    private handleCellNavigation;
-    private handleEnter;
-    private dispatchChangeEvent;
-    private get focusedColorCooridanates();
-    private get isUncontrolled();
-    private getPaletteInfo;
-    private renderRows;
-    private renderColumns;
-    private createCellId;
-}
-/**
- * Represents the PropsContext of the `ColorPalette` component.
- * Used for global configuration of all `ColorPalette` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export declare const ColorPalettePropsContext: React.Context<(p: ColorPaletteProps) => ColorPaletteProps>;
-/**
- * Represent the `ref` of the ColorPalette component.
- */
-export interface ColorPaletteHandle extends Pick<ColorPaletteWithoutContext, keyof ColorPaletteWithoutContext> {
-}
-/** @hidden */
-export type ColorPalette = ColorPaletteHandle;
-/**
- * Represents the [KendoReact ColorPalette component]({% slug overview_colorpalette %}).
- *
- * Accepts properties of type [ColorPaletteProps]({% slug api_inputs_colorpaletteprops %}).
- * Obtaining the `ref` returns an object of type [ColorPaletteHandle]({% slug api_inputs_colorpalettehandle %}).
- *
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <ColorPalette palette='basic' />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const ColorPalette: React.ForwardRefExoticComponent<ColorPaletteProps & React.RefAttributes<any>>;

package/colors/ColorPicker.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 { ColorPickerProps } from './interfaces/ColorPickerProps';
-/**
- * @hidden
- */
-export interface ColorPickerHandle {
-    element: HTMLSpanElement | null;
-    value?: string;
-}
-/**
- * Represents the PropsContext of the `ColorPicker` component.
- * Used for global configuration of all `ColorPicker` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export declare const ColorPickerPropsContext: React.Context<(p: ColorPickerProps) => ColorPickerProps>;
-/**
- * Represents the [KendoReact ColorPicker component]({% slug overview_colorpicker %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <ColorPicker />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<ColorPickerHandle | null>>;

package/colors/FlatColorPicker.d.ts

@@ -1,139 +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 arguments for the `onChange` FlatColorPicker event.
- */
-export interface FlatColorPickerChangeEvent {
-    /**
-     * The current value of the FlatColorPicker.
-     */
-    value: string;
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-}
-/**
- * Represents the properties of [FlatColorPicker]({% slug api_inputs_flatcolorpicker %}) component.
- */
-export interface FlatColorPickerProps {
-    /**
-     * Sets the `id` property of the top `div` element of the FlatColorPicker.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the FlatColorPicker.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the FlatColorPicker.
-     */
-    className?: string;
-    /**
-     * Sets the color value.
-     */
-    value?: string;
-    /**
-     * Sets the default color value.
-     */
-    defaultValue?: string;
-    /**
-     * The event handler that will be fired when the user changes the preview color.
-     */
-    onPreviewChange?: (event: FlatColorPickerChangeEvent) => void;
-    /**
-     * The event handler that will be fired when the user click the "Apply" button or on blur when the "Apply" button is not present.
-     */
-    onChange?: (event: FlatColorPickerChangeEvent) => void;
-    /**
-     * Specifies whether we should display the opacity slider to allow selection of transparency.
-     *
-     * @default true
-     */
-    opacity?: boolean;
-    /**
-     * Sets the default input format in the gradient input editor.
-     *
-     * @default 'rgb'
-     */
-    format?: 'hex' | 'rgba' | 'rgb';
-    /**
-     * Sets the `tabIndex` property of the FlatColorPicker.
-     */
-    tabIndex?: number;
-    /**
-     * Represents the label of the FlatColorPicker component.
-     */
-    ariaLabel?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Determines whether the FlatColorPicker is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the FlatColorPicker view. The default is `ColorGradient`.
-     */
-    view?: 'ColorGradient' | 'ColorPalette' | undefined;
-    /**
-     * Sets custom header component.
-     */
-    header?: React.ComponentType;
-    /**
-     * Specifies whether clear button will be rendered in the header.
-     */
-    showClearButton?: boolean;
-    /**
-     * Specifies whether preview and revert color boxes will be rendered in the header.
-     */
-    showPreview?: boolean;
-    /**
-     * Specifies whether action buttons will be rendered in the footer.
-     */
-    showButtons?: boolean;
-}
-/**
- * Represents the target (element and props) of the FlatColorPicker.
- */
-export interface FlatColorPickerHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the FlatColorPicker.
-     */
-    props: FlatColorPickerProps;
-    /**
-     * The focus event callback.
-     */
-    focus: () => void;
-    /**
-     * The current value of the FlatColorPicker.
-     */
-    value: string;
-}
-/**
- * Represents the [KendoReact FlatColorPicker component]({% slug overview_flatcolorpicker %}).
- * Accepts properties of type [FlatColorPickerProps]({% slug api_inputs_flatcolorpickerprops %}). Obtaining the [FlatColorPickerHandle]({% slug api_inputs_flatcolorpickerhandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <FlatColorPicker />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const FlatColorPicker: React.ForwardRefExoticComponent<FlatColorPickerProps & React.RefAttributes<FlatColorPickerHandle | null>>;