@momentum-ui/react-collaboration/dist/esm/components/Slider/Slider.hooks.js

Cisco Momentum UI Framework for React Collaboration Applications

import { useRef, useLayoutEffect } from 'react';
import { setLocalValueOnElement } from './Slider.utils';
export var useSliderSideEffects = function (_a) {
    var onChange = _a.onChange, value = _a.value, step = _a.step, maxValue = _a.maxValue, minValue = _a.minValue;
    var inputRef = useRef(null);
    var handleChange = function (e) {
        var inputElement = e.currentTarget;
        setLocalValueOnElement(inputElement);
        onChange === null || onChange === void 0 ? void 0 : onChange(+inputElement.value);
    };
    useLayoutEffect(function () {
        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
            setLocalValueOnElement(inputRef.current);
        }
    }, [value, step, maxValue, minValue]);
    return { inputRef: inputRef, handleChange: handleChange };
};
//# sourceMappingURL=Slider.hooks.js.map