@progress/kendo-react-inputs 13.3.0-develop.9 → 13.4.0-develop.1

package/radiobutton/interfaces/RadioButtonChangeEvent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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 { RadioButtonHandle } from '../RadioButton.js';
+/**
+ * The arguments for the `onChange` RadioButton event.
+ */
+export interface RadioButtonChangeEvent extends BaseEvent<RadioButtonHandle> {
+    /**
+     * The value of the selected RadioButton.
+     */
+    value: any;
+}

package/radiobutton/interfaces/RadioButtonFocusEvent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonHandle } from './../RadioButton.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onFocus` RadioButton event.
+ */
+export interface RadioButtonFocusEvent extends BaseEvent<RadioButtonHandle> {
+}

package/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -0,0 +1,107 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonBlurEvent } from './RadioButtonBlurEvent.js';
+import { RadioButtonChangeEvent } from './RadioButtonChangeEvent.js';
+import { RadioButtonFocusEvent } from './RadioButtonFocusEvent.js';
+/**
+ * @hidden
+ */
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * Represents the props of the [KendoReact RadioButton component](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton).
+ * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+ */
+export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
+    /**
+     * 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;
+    /**
+     * The content of the RadioButton component.
+     */
+    children?: any;
+    /**
+     * Specifies if the Radio button is checked.
+     */
+    checked?: boolean;
+    /**
+     * Specifies a list of CSS classes that will be added to the Radio button.
+     */
+    className?: string;
+    /**
+     * Specifies if the Radio button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the current index of the Radio button.
+     */
+    index?: number;
+    /**
+     * Sets the `id` of the Radio button.
+     */
+    id?: string;
+    /**
+     * Configures the `size` of the RadioButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Sets the label of the Radio button ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton/labels)).
+     */
+    label?: string;
+    /**
+     * Sets the label position of the Radio button ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton/labels)).
+     * Accepts two options: `before` or `after`. Defaults to `after`.
+     */
+    labelPlacement?: string;
+    /**
+     * Sets the `name` property of the Radio button.
+     */
+    name?: string;
+    /**
+     * Sets additional CSS styles to the Radio button.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets the `tabIndex` property of the Radio button.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     *
+     * This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
+     */
+    valid?: boolean;
+    /**
+     * Sets the value to be submitted.
+     */
+    value?: any;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: RadioButtonChangeEvent) => void;
+    /**
+     * The event handler that will be fired when RadioButton is focused.
+     */
+    onFocus?: (event: RadioButtonFocusEvent) => void;
+    /**
+     * The event handler that will be fired when RadioButton is blurred.
+     */
+    onBlur?: (event: RadioButtonBlurEvent) => void;
+}
+export {};

package/radiobutton/interfaces/RadioGroupChangeEvent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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 { RadioGroupHandle } from '../RadioGroup.js';
+/**
+ * The arguments for the `onChange` RadioGroup event.
+ */
+export interface RadioGroupChangeEvent extends BaseEvent<RadioGroupHandle> {
+    /**
+     * The value of the selected RadioButton.
+     */
+    value: any;
+}

package/radiobutton/interfaces/RadioGroupFocusEvent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioGroupHandle } from '../RadioGroup.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onFocus` RadioGroup event.
+ */
+export interface RadioGroupFocusEvent extends BaseEvent<RadioGroupHandle> {
+}

package/radiobutton/interfaces/RadioGroupProps.d.ts

@@ -0,0 +1,178 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonProps } from './RadioButtonProps.js';
+import { RadioGroupFocusEvent } from './RadioGroupFocusEvent.js';
+import { RadioGroupChangeEvent } from './RadioGroupChangeEvent.js';
+import { HTMLAttributes } from 'react';
+/**
+ * Represents the props of the [KendoReact RadioGroup component](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton).
+ */
+export interface RadioGroupProps {
+    /**
+     * 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.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup ariaDescribedBy="error-message" />
+     * ```
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup ariaLabelledBy="group-label" />
+     * ```
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Specifies a list of CSS classes that will be added to the RadioGroup element.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup className="custom-class" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Specifies the value of the `id` attribute that will be added to the RadioGroup element.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup id="radio-group" />
+     * ```
+     */
+    id?: string;
+    /**
+     * The collection of radio buttons that will be rendered in the RadioGroup ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton)).
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup data={[{ label: 'Option 1', value: 1 }, { label: 'Option 2', value: 2 }]} />
+     * ```
+     */
+    data?: Array<RadioButtonProps>;
+    /**
+     * Sets the default checked state of a radio button when used in uncontrolled mode ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton)).
+     * The `checked` property is passed to the underlying `input` element.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup defaultValue={1} />
+     * ```
+     */
+    defaultValue?: any;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup dir="rtl" />
+     * ```
+     */
+    dir?: string;
+    /**
+     * Disable all radio buttons ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton/disabled)).
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup disabled={true} />
+     * ```
+     */
+    disabled?: boolean;
+    /**
+     * Overrides the default component responsible for visualizing a single item.
+     *
+     * The default element is `li` with a [RadioButton](https://www.telerik.com/kendo-react-ui/components/inputs/api/radiobutton) as `children`.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup item={(props) => <li>{props.children}</li>} />
+     * ```
+     */
+    item?: React.ComponentType<HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Sets the label position of the radio buttons.
+     * Accepts two options: `before` or `after`. Defaults to `after`.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup labelPlacement="before" />
+     * ```
+     */
+    labelPlacement?: string;
+    /**
+     * Specifies the radio group layout.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup layout="horizontal" />
+     * ```
+     */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * Specifies the `name` property of the `input` DOM elements.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup name="options" />
+     * ```
+     */
+    name?: string;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup onChange={(event) => console.log(event.value)} />
+     * ```
+     */
+    onChange?: (event: RadioGroupChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Radio button is focused.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup onFocus={(event) => console.log('Focused')} />
+     * ```
+     */
+    onFocus?: (event: RadioGroupFocusEvent) => void;
+    /**
+     * Sets additional CSS styles to the radio group.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup style={{ margin: '10px' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets the default checked state of a radio button when used in controlled mode ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/radiogroup/controlled_mode)).
+     * The `checked` property is passed to the underlying `input` element.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup value={1} />
+     * ```
+     */
+    value?: string | number | null;
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     *
+     * This property is part of the [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops) interface.
+     *
+     * @example
+     * ```jsx
+     * <RadioGroup valid={false} />
+     * ```
+     */
+    valid?: boolean;
+}

package/range-slider/RangeSlider.d.ts

@@ -0,0 +1,152 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentProps, DraggableDragEvent } from '@progress/kendo-react-common';
+import { Direction } from '../interfaces/Direction.js';
+import * as React from 'react';
+/**
+ * The range object representing the value of the RangeSlider.
+ */
+export type Range = {
+    /**
+     * The start of the range.
+     */
+    start: number;
+    /**
+     * The end of the range.
+     */
+    end: number;
+};
+/**
+ * Represents the properties of [RangeSlider](https://www.telerik.com/kendo-react-ui/components/inputs/api/rangeslider) component.
+ */
+export interface RangeSliderProps extends FormComponentProps {
+    /**
+     * Sets the `id` property of the top div element of the RangeSlider.
+     */
+    id?: string;
+    /**
+     * Sets additional CSS styles to the RangeSlider.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets additional classes to the RangeSlider.
+     */
+    className?: string;
+    /**
+     * The flexible values of type Range - `start and `end`.
+     */
+    value?: Range;
+    /**
+     * The default set values of type Range - `start` and `end`.
+     */
+    defaultValue?: Range;
+    /**
+     * Triggered after value change - gets outside access to the element, new values and the event type.
+     */
+    onChange?: (event: RangeSliderChangeEvent) => void;
+    /**
+     * Determines the children nodes.
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies the step by which the RangeSlider's value will be increased or decreased using the keyboard arrows. Defaults to `1`.
+     */
+    step?: number;
+    /**
+     * Specifies the step by which the RangeSlider's value will be increased or decreased using `pageUp` or `pageDown` keyboard buttons. Defaults to `10`.
+     */
+    largeStep?: number;
+    /**
+     * The minimum possible value of the RangeSlider.
+     */
+    min: number;
+    /**
+     * The maximum possible value of the RangeSlider.
+     */
+    max: number;
+    /**
+     * The RangeSlider orientation if true - vertical, else - horizontal.
+     */
+    vertical?: boolean;
+    /**
+     * Determines the disabled mode of the RangeSlider, if true - disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The RangeSlider direction `ltr` or `rtl`.
+     */
+    dir?: Direction;
+    /**
+     * Sets the `tabIndex` attribute to the `start` drag handle.
+     */
+    startTabIndex?: number;
+    /**
+     * Sets the `tabIndex` attribute to the `end` drag handle.
+     */
+    endTabIndex?: number;
+    /**
+     * 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;
+}
+/**
+ * Represents the target(element and props) of the RangeSliderChangeEvent.
+ */
+export interface RangeSliderHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props values of the RangeSlider.
+     */
+    props: RangeSliderProps;
+    /**
+     * The focus event callback.
+     */
+    focus: () => void;
+}
+/**
+ * Represent the return type of RangeSliderChangeEvent.
+ */
+export interface RangeSliderChangeEvent {
+    /**
+     * The value from type Range - `start` and `end`.
+     */
+    value: Range;
+    /**
+     * The target of the RangeSliderChangeEvent from RangeSliderHandle.
+     */
+    target: RangeSliderHandle;
+    /**
+     * The event of the RangeSliderChangeEvent.
+     */
+    syntheticEvent: React.SyntheticEvent<any> | DraggableDragEvent;
+}
+/**
+ * Represents the PropsContext of the `RangeSlider` component.
+ * Used for global configuration of all `RangeSlider` instances.
+ *
+ * For more information, refer to the [Inputs Props Context](https://www.telerik.com/kendo-react-ui/components/inputs/props-context) article.
+ */
+export declare const RangeSliderPropsContext: React.Context<(p: RangeSliderProps) => RangeSliderProps>;
+/**
+ * Represents the [KendoReact RangeSlider component](https://www.telerik.com/kendo-react-ui/components/inputs/rangeslider).
+ *
+ * Accepts properties of type [RangeSliderProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/rangesliderprops).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/rangesliderhandle).
+ *
+ * @remarks
+ * Supported children components are: {@link SliderLabel}.
+ */
+export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle | null>>;

package/range-slider/range-raducer.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Range } from './RangeSlider.js';
+import { DraggableDragEvent } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare enum RANGE_ACTION {
+    start = "start",
+    end = "end",
+    min = "min",
+    max = "max",
+    increase = "increase",
+    decrease = "decrease",
+    increaseLarge = "increaseLarge",
+    decreaseLarge = "decreaseLarge"
+}
+/**
+ * @hidden
+ */
+export type RangeActionDispatch = {
+    type: RANGE_ACTION;
+    payload?: number;
+    key?: string;
+    event?: React.SyntheticEvent<any> | DraggableDragEvent;
+    state?: Range;
+};
+/**
+ * @hidden
+ */
+export interface RangeAction extends RangeActionDispatch {
+    step: number;
+    largeStep: number;
+    min: number;
+    max: number;
+}
+/**
+ * @hidden
+ */
+export declare const rangeReducer: (state: any, action: RangeAction) => any;