@yandex/ui/Slider/Slider.utils.d.ts

Yandex UI components

import { Direction } from 'react-range';
/**
 * Возвращает позицию элемента Range.
 *
 * @param values - Текущее значение слайдера
 * @param min - Минимальное значение слайдера
 * @param max - Максимальное значение слайдера
 */
export declare function getRangePosition(values: number[], min: number, max: number, reverse?: boolean): {
    top: string;
    bottom: string;
} | {
    left: string;
    right: string;
};
/**
 * Возвращает список пометок на линии.
 *
 * @param min - Минимальное значение слайдера
 * @param max - Максимальное значение слайдера
 * @param step - Шаг смещения бегунка
 */
export declare function getTicks(min: number, max: number, step: number): number[];
/**
 * Нормализует значения в пределах диапазона.
 *
 * @param values - Текущее значение слайдера
 * @param min - Минимальное значение слайдера
 * @param max - Максимальное значение слайдера
 */
export declare function normalizeValue(values: number[], min: number, max: number): number[];
/**
 * Возвращает направление слайдера.
 *
 * @param vertical - Вертикальное положение слайдера
 * @param reverse - Обратное направление слайдера
 */
export declare function getDirection(vertical?: boolean, reverse?: boolean): Direction;
/**
 * Реакт-хук состояния для компонента Slider.
 *
 * @experimental
 *
 * @example
 *
 * const state = useSliderState({ value: [10] })
 * return <Slider {...state} />
 */
export declare function useSliderState(options: {
    value: number[];
}): {
    onInput: (event: any, value: number[]) => void;
    value: number[];
};