@minimaltech/ra-infra/dist/ui/hooks/use-debounce.js

Minimal Technology ReactJS Infrastructure

import { App } from '../../common/constants';
import { isBrowser } from '../../utilities/boolean.utility';
import React from 'react';
export const useDebounce = (params) => {
    const { value, delay, disabled } = params;
    //---------------------------------------------------------------------------
    const [debouncedValue, setDebouncedValue] = React.useState(value);
    //---------------------------------------------------------------------------
    React.useEffect(() => {
        if (!isBrowser() || disabled) {
            return;
        }
        const timer = setTimeout(() => {
            setDebouncedValue(value);
        }, delay || App.DEFAULT_DEBOUNCE_TIME);
        return () => {
            clearTimeout(timer);
        };
    }, [value, delay, disabled]);
    return { debouncedValue };
};
//# sourceMappingURL=use-debounce.js.map