react-hook-toolkit 1.2.0 → 1.2.1

package/dist/chunk1516/chunk726433.js

@@ -1,621 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
-import { isBrowser, noop, off, on, throttle } from '../utils';
-import { VoiceStatus } from "../type";
-function historyReducer(state, action) {
-    switch (action.type) {
-        case 'UNDO':
-            if (state.past.length === 0)
-                return state;
-            var _a = state.past, newPresent = _a[0], newPast = _a.slice(1);
-            return {
-                past: newPast,
-                present: newPresent,
-                future: __spreadArray([state.present], state.future, true),
-            };
-        case 'REDO':
-            if (state.future.length === 0)
-                return state;
-            var _b = state.future, nextPresent = _b[0], newFuture = _b.slice(1);
-            return {
-                past: __spreadArray([state.present], state.past, true),
-                present: nextPresent,
-                future: newFuture,
-            };
-        case 'SET':
-            if (action.newPresent === state.present)
-                return state;
-            return {
-                past: __spreadArray([state.present], state.past, true),
-                present: action.newPresent,
-                future: [],
-            };
-        case 'RESET':
-            return {
-                past: [],
-                present: action.newPresent,
-                future: [],
-            };
-        case 'CLEAR':
-            return {
-                past: [],
-                present: state.present,
-                future: [],
-            };
-        default:
-            return state;
-    }
-}
-export function useHistoryState(initialPresent) {
-    var _a = useReducer((historyReducer), {
-        past: [],
-        present: initialPresent,
-        future: [],
-    }), state = _a[0], dispatch = _a[1];
-    var canUndo = state.past.length > 0;
-    var canRedo = state.future.length > 0;
-    var undo = useCallback(function () {
-        if (canUndo) {
-            dispatch({ type: 'UNDO' });
-        }
-    }, [canUndo]);
-    var redo = useCallback(function () {
-        if (canRedo) {
-            dispatch({ type: 'REDO' });
-        }
-    }, [canRedo]);
-    var set = useCallback(function (newPresent) {
-        dispatch({ type: 'SET', newPresent: newPresent });
-    }, []);
-    var reset = useCallback(function (newPresent) {
-        dispatch({ type: 'RESET', newPresent: newPresent });
-    }, []);
-    var clear = useCallback(function () {
-        dispatch({ type: 'CLEAR' });
-    }, []);
-    return {
-        state: state.present,
-        set: set,
-        undo: undo,
-        redo: redo,
-        reset: reset,
-        clear: clear,
-        canUndo: canUndo,
-        canRedo: canRedo,
-        past: state.past,
-        future: state.future,
-    };
-}
-export function useIdle(ms) {
-    if (ms === void 0) { ms = 1000 * 60; }
-    var _a = useState(false), idle = _a[0], setIdle = _a[1];
-    var timeoutIdRef = useRef(null);
-    useEffect(function () {
-        var handleTimeout = function () {
-            setIdle(true);
-        };
-        var handleEvent = throttle(function () {
-            setIdle(false);
-            if (timeoutIdRef.current) {
-                clearTimeout(timeoutIdRef.current);
-            }
-            timeoutIdRef.current = setTimeout(handleTimeout, ms);
-        }, 500);
-        var handleVisibilityChange = function () {
-            if (!document.hidden) {
-                handleEvent();
-            }
-        };
-        // Initialize
-        timeoutIdRef.current = setTimeout(handleTimeout, ms);
-        // Events to listen for activity
-        var events = [
-            'mousemove',
-            'mousedown',
-            'resize',
-            'keydown',
-            'touchstart',
-            'wheel',
-            'scroll',
-        ];
-        events.forEach(function (event) { return window.addEventListener(event, handleEvent); });
-        document.addEventListener('visibilitychange', handleVisibilityChange);
-        return function () {
-            events.forEach(function (event) { return window.removeEventListener(event, handleEvent); });
-            document.removeEventListener('visibilitychange', handleVisibilityChange);
-            if (timeoutIdRef.current) {
-                clearTimeout(timeoutIdRef.current);
-            }
-        };
-    }, [ms]);
-    return idle;
-}
-export function useIsFirstRender() {
-    var isFirstRender = useRef(true);
-    useEffect(function () {
-        isFirstRender.current = false;
-    }, []);
-    return isFirstRender.current;
-}
-export function useList(initialList) {
-    if (initialList === void 0) { initialList = []; }
-    var _a = useState(initialList), list = _a[0], setList = _a[1];
-    var set = useCallback(function (newList) {
-        setList(newList);
-    }, []);
-    var push = useCallback(function (element) {
-        setList(function (current) { return __spreadArray(__spreadArray([], current, true), [element], false); });
-    }, []);
-    var removeAt = useCallback(function (index) {
-        setList(function (current) { return current.filter(function (_, i) { return i !== index; }); });
-    }, []);
-    var insertAt = useCallback(function (index, element) {
-        setList(function (current) { return __spreadArray(__spreadArray(__spreadArray([], current.slice(0, index), true), [
-            element
-        ], false), current.slice(index), true); });
-    }, []);
-    var updateAt = useCallback(function (index, element) {
-        setList(function (current) {
-            return current.map(function (item, i) { return (i === index ? element : item); });
-        });
-    }, []);
-    var clear = useCallback(function () {
-        setList([]);
-    }, []);
-    return {
-        list: list,
-        actions: {
-            set: set,
-            push: push,
-            removeAt: removeAt,
-            insertAt: insertAt,
-            updateAt: updateAt,
-            clear: clear,
-        },
-    };
-}
-export function useLockBodyScroll(lock) {
-    if (lock === void 0) { lock = true; }
-    useLayoutEffect(function () {
-        if (!lock)
-            return;
-        // Get current body overflow value
-        var originalOverflow = document.body.style.overflow;
-        var originalPaddingRight = document.body.style.paddingRight;
-        // Calculate scrollbar width to prevent layout shift
-        var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-        // Lock body scroll
-        document.body.style.overflow = 'hidden';
-        // Compensate for scrollbar width if needed
-        if (scrollbarWidth > 0) {
-            document.body.style.paddingRight = "".concat(scrollbarWidth, "px");
-        }
-        return function () {
-            // Restore original styles
-            document.body.style.overflow = originalOverflow;
-            document.body.style.paddingRight = originalPaddingRight;
-        };
-    }, [lock]);
-}
-function isMouseEvent(event) {
-    return 'clientX' in event && 'clientY' in event;
-}
-function isTouchEvent(event) {
-    return 'touches' in event;
-}
-export function useLongPress(callback, options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.threshold, threshold = _a === void 0 ? 400 : _a, onStart = options.onStart, onFinish = options.onFinish, onCancel = options.onCancel;
-    var isLongPressActive = useRef(false);
-    var isPressed = useRef(false);
-    var timerId = useRef();
-    var start = useCallback(function (event) {
-        if (!isMouseEvent(event) && !isTouchEvent(event))
-            return;
-        if (onStart) {
-            onStart(event);
-        }
-        isPressed.current = true;
-        timerId.current = setTimeout(function () {
-            if (isPressed.current) {
-                callback(event);
-                isLongPressActive.current = true;
-            }
-        }, threshold);
-    }, [callback, threshold, onStart]);
-    var cancel = useCallback(function (event) {
-        if (!isMouseEvent(event) && !isTouchEvent(event))
-            return;
-        if (isLongPressActive.current) {
-            if (onFinish) {
-                onFinish(event);
-            }
-        }
-        else if (isPressed.current) {
-            if (onCancel) {
-                onCancel(event);
-            }
-        }
-        isLongPressActive.current = false;
-        isPressed.current = false;
-        if (timerId.current) {
-            clearTimeout(timerId.current);
-        }
-    }, [onFinish, onCancel]);
-    // Clean up on unmount
-    useEffect(function () {
-        return function () {
-            if (timerId.current) {
-                clearTimeout(timerId.current);
-            }
-        };
-    }, []);
-    return useMemo(function () { return ({
-        onMouseDown: start,
-        onMouseUp: cancel,
-        onMouseLeave: cancel,
-        onTouchStart: start,
-        onTouchEnd: cancel,
-    }); }, [start, cancel]);
-}
-export var useRecentSearch = function (options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.key, key = _a === void 0 ? 'recentSearches' : _a, _b = options.limit, limit = _b === void 0 ? 3 : _b, _c = options.uniqueKey, uniqueKey = _c === void 0 ? 'index' : _c, _d = options.excludeEmpty, excludeEmpty = _d === void 0 ? true : _d;
-    var _e = useState([]), recentSearches = _e[0], setRecentSearches = _e[1];
-    useEffect(function () {
-        var saved = localStorage.getItem(key);
-        if (saved) {
-            try {
-                var parsed = JSON.parse(saved);
-                if (Array.isArray(parsed)) {
-                    setRecentSearches(parsed.slice(0, limit));
-                }
-            }
-            catch (e) {
-                console.error('Failed to parse recent searches', e);
-                localStorage.removeItem(key);
-            }
-        }
-    }, [key, limit]);
-    var addSearch = useCallback(function (item) {
-        if (excludeEmpty && !item[uniqueKey])
-            return;
-        try {
-            setRecentSearches(function (prev) {
-                var updated = __spreadArray([item], prev.filter(function (p) { return p[uniqueKey] !== item[uniqueKey]; }), true).slice(0, limit);
-                localStorage.setItem(key, JSON.stringify(updated));
-                return updated;
-            });
-        }
-        catch (error) {
-            console.error('Failed to update recent searches:', error);
-        }
-    }, [excludeEmpty, uniqueKey, key, limit]);
-    var hasSearch = function (value) {
-        return recentSearches.some(function (item) { var _a; return ((_a = item[uniqueKey]) === null || _a === void 0 ? void 0 : _a.toString().trim()) === value.trim(); });
-    };
-    var clearSearch = function () {
-        localStorage.removeItem(key);
-        setRecentSearches([]);
-    };
-    return { recentSearches: recentSearches, addSearch: addSearch, clearSearch: clearSearch, hasSearch: hasSearch };
-};
-export var useUnmountedRef = function () {
-    var unmountedRef = useRef(false);
-    useEffect(function () {
-        unmountedRef.current = false;
-        return function () {
-            unmountedRef.current = true;
-        };
-    }, []);
-    return unmountedRef;
-};
-var info;
-var responsiveConfig = {
-    xs: 0,
-    sm: 576,
-    md: 768,
-    lg: 992,
-    xl: 1200,
-};
-var subscribers = new Set();
-function handleResize() {
-    var oldInfo = info;
-    calculate();
-    if (oldInfo === info)
-        return;
-    for (var _i = 0, _a = subscribers; _i < _a.length; _i++) {
-        var subscriber = _a[_i];
-        subscriber();
-    }
-}
-var listening = false;
-function calculate() {
-    var width = window.innerWidth;
-    var newInfo = {};
-    var shouldUpdate = false;
-    for (var _i = 0, _a = Object.keys(responsiveConfig); _i < _a.length; _i++) {
-        var key = _a[_i];
-        newInfo[key] = width >= responsiveConfig[key];
-        if (newInfo[key] !== info[key]) {
-            shouldUpdate = true;
-        }
-    }
-    if (shouldUpdate) {
-        info = newInfo;
-    }
-}
-export function configResponsive(config) {
-    responsiveConfig = config;
-    if (info)
-        calculate();
-}
-export var useResponsive = function () {
-    if (isBrowser && !listening) {
-        info = {};
-        calculate();
-        window.addEventListener('resize', handleResize);
-        listening = true;
-    }
-    var _a = useState(info), state = _a[0], setState = _a[1];
-    useEffect(function () {
-        if (!isBrowser)
-            return;
-        if (!listening) {
-            window.addEventListener('resize', handleResize);
-        }
-        var subscriber = function () {
-            setState(info);
-        };
-        subscribers.add(subscriber);
-        return function () {
-            subscribers.delete(subscriber);
-            if (subscribers.size === 0) {
-                window.removeEventListener('resize', handleResize);
-                listening = false;
-            }
-        };
-    }, []);
-    return state;
-};
-var defaultEvents = ['mousedown', 'touchstart'];
-export var useClickAway = function (ref, onClickAway, events) {
-    if (events === void 0) { events = defaultEvents; }
-    var savedCallback = useRef(onClickAway);
-    useEffect(function () {
-        savedCallback.current = onClickAway;
-    }, [onClickAway]);
-    useEffect(function () {
-        var handler = function (event) {
-            var el = ref.current;
-            el && !el.contains(event.target) && savedCallback.current(event);
-        };
-        for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
-            var eventName = events_1[_i];
-            on(document, eventName, handler);
-        }
-        return function () {
-            for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {
-                var eventName = events_2[_i];
-                off(document, eventName, handler);
-            }
-        };
-    }, [events, ref]);
-};
-export var useBeforeUnload = function (enabled, message) {
-    if (enabled === void 0) { enabled = true; }
-    var handler = useCallback(function (event) {
-        var finalEnabled = typeof enabled === 'function' ? enabled() : true;
-        if (!finalEnabled) {
-            return;
-        }
-        event.preventDefault();
-        if (message) {
-            event.returnValue = message;
-        }
-        return message;
-    }, [enabled, message]);
-    useEffect(function () {
-        if (!enabled) {
-            return;
-        }
-        on(window, 'beforeunload', handler);
-        return function () { return off(window, 'beforeunload', handler); };
-    }, [enabled, handler]);
-};
-export var useHoverDirty = function (ref, enabled) {
-    if (enabled === void 0) { enabled = true; }
-    if (process.env.NODE_ENV === 'development') {
-        if (typeof ref !== 'object' || typeof ref.current === 'undefined') {
-            console.error('useHoverDirty expects a single ref argument.');
-        }
-    }
-    var _a = useState(false), value = _a[0], setValue = _a[1];
-    useEffect(function () {
-        var onMouseOver = function () { return setValue(true); };
-        var onMouseOut = function () { return setValue(false); };
-        if (enabled && ref && ref.current) {
-            on(ref.current, 'mouseover', onMouseOver);
-            on(ref.current, 'mouseout', onMouseOut);
-        }
-        var current = ref.current;
-        return function () {
-            if (enabled && current) {
-                off(current, 'mouseover', onMouseOver);
-                off(current, 'mouseout', onMouseOut);
-            }
-        };
-    }, [enabled, ref]);
-    return value;
-};
-var defaultState = {
-    acceleration: {
-        x: null,
-        y: null,
-        z: null,
-    },
-    accelerationIncludingGravity: {
-        x: null,
-        y: null,
-        z: null,
-    },
-    rotationRate: {
-        alpha: null,
-        beta: null,
-        gamma: null,
-    },
-    interval: 16,
-};
-export var useMotion = function (initialState) {
-    if (initialState === void 0) { initialState = defaultState; }
-    var _a = useState(initialState), state = _a[0], setState = _a[1];
-    useEffect(function () {
-        var handler = function (event) {
-            var acceleration = event.acceleration, accelerationIncludingGravity = event.accelerationIncludingGravity, rotationRate = event.rotationRate, interval = event.interval;
-            setState({
-                acceleration: {
-                    x: acceleration.x,
-                    y: acceleration.y,
-                    z: acceleration.z,
-                },
-                accelerationIncludingGravity: {
-                    x: accelerationIncludingGravity.x,
-                    y: accelerationIncludingGravity.y,
-                    z: accelerationIncludingGravity.z,
-                },
-                rotationRate: {
-                    alpha: rotationRate.alpha,
-                    beta: rotationRate.beta,
-                    gamma: rotationRate.gamma,
-                },
-                interval: interval,
-            });
-        };
-        on(window, 'devicemotion', handler);
-        return function () {
-            off(window, 'devicemotion', handler);
-        };
-    }, []);
-    return state;
-};
-export var usePageLeave = function (onPageLeave, args) {
-    if (args === void 0) { args = []; }
-    useEffect(function () {
-        if (!onPageLeave) {
-            return;
-        }
-        var handler = function (event) {
-            event = event ? event : window.event;
-            var from = event.relatedTarget || event.toElement;
-            if (!from || from.nodeName === 'HTML') {
-                onPageLeave();
-            }
-        };
-        on(document, 'mouseout', handler);
-        return function () {
-            off(document, 'mouseout', handler);
-        };
-    }, args);
-};
-export var usePermission = function (permissionDesc) {
-    var _a = useState(''), state = _a[0], setState = _a[1];
-    useEffect(function () {
-        var mounted = true;
-        var permissionStatus = null;
-        var onChange = function () {
-            if (!mounted)
-                return;
-            setState(function () { var _a; return (_a = permissionStatus === null || permissionStatus === void 0 ? void 0 : permissionStatus.state) !== null && _a !== void 0 ? _a : ''; });
-        };
-        navigator.permissions
-            .query(permissionDesc) // 👈 cast to fix TS error
-            .then(function (status) {
-            permissionStatus = status;
-            on(permissionStatus, 'change', onChange);
-            onChange();
-        })
-            .catch(noop);
-        return function () {
-            permissionStatus && off(permissionStatus, 'change', onChange);
-            mounted = false;
-            permissionStatus = null;
-        };
-    }, [permissionDesc]);
-    return state;
-};
-export var useSpeech = function (text, options) {
-    var mounted = useRef(false);
-    var _a = useState(function () {
-        var _a = options.voice || {}, _b = _a.lang, lang = _b === void 0 ? 'default' : _b, _c = _a.name, name = _c === void 0 ? '' : _c;
-        return {
-            isPlaying: false,
-            status: VoiceStatus[VoiceStatus.init],
-            lang: options.lang || 'default',
-            voiceInfo: { lang: lang, name: name },
-            rate: options.rate || 1,
-            pitch: options.pitch || 1,
-            volume: options.volume || 1,
-        };
-    }), state = _a[0], setState = _a[1];
-    var handlePlay = useCallback(function () {
-        if (!mounted.current) {
-            return;
-        }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: true, status: VoiceStatus[VoiceStatus.play] });
-        });
-    }, []);
-    var handlePause = useCallback(function () {
-        if (!mounted.current) {
-            return;
-        }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.pause] });
-        });
-    }, []);
-    var handleEnd = useCallback(function () {
-        if (!mounted.current) {
-            return;
-        }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.end] });
-        });
-    }, []);
-    useEffect(function () {
-        mounted.current = true;
-        var utterance = new SpeechSynthesisUtterance(text);
-        options.lang && (utterance.lang = options.lang);
-        options.voice && (utterance.voice = options.voice);
-        utterance.rate = options.rate || 1;
-        utterance.pitch = options.pitch || 1;
-        utterance.volume = options.volume || 1;
-        utterance.onstart = handlePlay;
-        utterance.onpause = handlePause;
-        utterance.onresume = handlePlay;
-        utterance.onend = handleEnd;
-        window.speechSynthesis.speak(utterance);
-        return function () {
-            mounted.current = false;
-        };
-    }, []);
-    return state;
-};