react-hook-toolkit 1.0.17 → 1.0.19

package/README.md

@@ -10,14 +10,12 @@ Install the package:
 ```bash
 npm install react-hook-toolkit
 # or
-yarn add react-hook-toolkit
-# or
 pnpm add react-hook-toolkit
 ```
 
 ### **Authors**
 
-![NPM](https://img.shields.io/badge/Author-NPM_Teams-red)   ![npm](https://img.shields.io/npm/v/react-hook-toolkit?color=1C939D)   ![npm](https://img.shields.io/npm/dt/react-hook-toolkit)   ![NPM](https://img.shields.io/npm/l/react-hook-toolkit)   ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/react-hook-toolkit)
+![NPM](https://img.shields.io/badge/Author-React_Developers-red)   ![npm](https://img.shields.io/npm/v/react-hook-toolkit?color=1C939D)   ![npm](https://img.shields.io/npm/dt/react-hook-toolkit)   ![NPM](https://img.shields.io/npm/l/react-hook-toolkit)   ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/react-hook-toolkit)
 
 ### **Browser Support**  
 
@@ -465,6 +463,19 @@ goBack();
 goForward();
 ```
 
+---
+📌 **useRecentSearch**  
+ Return and manage recent searched history.
+
+```ts
+  const { recentSearches, addSearch, clearSearch, hasSearch } = useRecentSearch<SearchItem>({
+    key: 'myRecentItems',
+    limit: 5,
+    uniqueKey: 'id',
+    excludeEmpty: true,
+  });
+
+```
 ---
 📌 **useHistoryState**  
  Manages state history with undo/redo capabilities.
@@ -680,6 +691,27 @@ const MyComponent = DynamicLoader(lazy(() => import("./MyComponent")));
 ```
 ---
 
+✅ **ContextMenuWrapper**  
+Displays a customizable context menu with support for light/dark themes, keyboard navigation, accessibility compliance, and automatic positioning. Handles items, dividers, icons, shortcuts, and click events.
+
+```tsx
+<ContextMenuWrapper
+  items={[
+    { label: 'Edit', icon: <EditIcon />, onClick: handleEdit },
+    { label: 'Copy', shortcut: '⌘C', onClick: handleCopy },
+    'divider',
+    { label: 'Delete', disabled: true, onClick: handleDelete }
+  ]}
+  theme="dark"
+  onShow={() => console.log('Menu opened')}
+  onHide={() => console.log('Menu closed')}
+  currentInstance={this}
+>
+  <div>Right-click here</div>
+</ContextMenu>
+```
+
+---
   ✅ **FilePreview**  
 Displays a styled file card with an icon based on file type, filename with ellipsis handling, file size, and an optional download action.
 

package/dist/{hooks → chunk1516}/chunk613852.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import '../css/chunkcss9876.css';
 export declare const DynamicLoader: (Component: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
 interface PropsType {
     type: string;
@@ -52,4 +53,19 @@ interface DownloadFileProps {
     onDownload: () => void;
 }
 export declare const DownloadFile: React.FC<DownloadFileProps>;
+type MenuPosition = 'auto' | 'fixed';
+type Theme = 'light' | 'dark';
+interface ContextMenuProps {
+    options: any;
+    children: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    menuClassName?: string;
+    position?: MenuPosition;
+    onShow?: () => void;
+    onHide?: () => void;
+    currentInstance?: any;
+    theme?: Theme;
+}
+export declare const ContextMenuWrapper: React.FC<ContextMenuProps>;
 export {};

package/dist/{hooks → chunk1516}/chunk613852.js

@@ -10,14 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useState } from 'react';
 import { useEffect, useCallback, useRef, Suspense } from 'react';
 import { Box, Alert, AlertTitle, IconButton, CardContent, Tooltip, Typography, Card, Grid, Skeleton, CircularProgress, } from '@mui/material';
 import { Close, InsertDriveFile, Image, Description, Download, CheckCircleOutlined, ErrorOutlineOutlined, Upload, } from '@mui/icons-material';
+import '../css/chunkcss9876.css';
 import NProgress from 'nprogress';
 import { ErrorBoundary } from 'react-error-boundary';
 import { promise } from '../utils';
-import { getHook } from '../hookExecuter/chunk143';
+import { getHook } from '../chunk1415/chunk143';
 import { useWindowSize } from './chunk940514';
 function Fallback(_a) {
     var error = _a.error;
@@ -166,3 +167,91 @@ export var DownloadFile = function (_a) {
                         zIndex: 1,
                     } }))] }) }));
 };
+export var ContextMenuWrapper = function (_a) {
+    var options = _a.options, children = _a.children, disabled = _a.disabled, className = _a.className, menuClassName = _a.menuClassName, _b = _a.position, position = _b === void 0 ? 'auto' : _b, onShow = _a.onShow, onHide = _a.onHide, currentInstance = _a.currentInstance, _c = _a.theme, theme = _c === void 0 ? 'light' : _c;
+    var _d = useState(false), isVisible = _d[0], setIsVisible = _d[1];
+    var _e = useState({ x: 0, y: 0 }), menuPosition = _e[0], setMenuPosition = _e[1];
+    var menuRef = useRef(null);
+    var triggerRef = useRef(null);
+    var menuClasses = "context-menu ".concat(menuClassName || '', " context-menu-").concat(theme);
+    var itemClasses = function (item) {
+        return "context-menu-item ".concat(item.disabled ? 'context-menu-item--disabled' : '', " ").concat(item.className || '', " context-menu-item-").concat(theme);
+    };
+    var handleContextMenu = function (e) {
+        var _a, _b;
+        e.preventDefault();
+        if (disabled)
+            return;
+        var x = e.clientX;
+        var y = e.clientY;
+        if (position === 'auto') {
+            var viewportWidth = window.innerWidth;
+            var viewportHeight = window.innerHeight;
+            var menuWidth = ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 200;
+            var menuHeight = ((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 200;
+            if (x + menuWidth > viewportWidth) {
+                x = viewportWidth - menuWidth - 5;
+            }
+            if (y + menuHeight > viewportHeight) {
+                y = viewportHeight - menuHeight - 5;
+            }
+        }
+        setMenuPosition({ x: x, y: y });
+        setIsVisible(true);
+        onShow === null || onShow === void 0 ? void 0 : onShow();
+    };
+    var closeMenu = function () {
+        setIsVisible(false);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+    };
+    var handleClickOutside = function (e) {
+        if (menuRef.current &&
+            !menuRef.current.contains(e.target) &&
+            triggerRef.current &&
+            !triggerRef.current.contains(e.target)) {
+            closeMenu();
+        }
+    };
+    var handleKeyDown = function (e) {
+        if (e.key === 'Escape') {
+            closeMenu();
+        }
+    };
+    var handleItemClick = function (item) {
+        var _a;
+        if (item.disabled)
+            return;
+        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, currentInstance !== null && currentInstance !== void 0 ? currentInstance : item);
+        closeMenu();
+    };
+    useEffect(function () {
+        if (isVisible) {
+            document.addEventListener('mousedown', handleClickOutside);
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        }
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isVisible]);
+    return (_jsxs("div", { ref: triggerRef, className: "context-menu-trigger ".concat(className || ''), onContextMenu: handleContextMenu, children: [children, isVisible && (_jsx("div", { ref: menuRef, className: menuClasses, style: {
+                    position: 'fixed',
+                    left: "".concat(menuPosition.x, "px"),
+                    top: "".concat(menuPosition.y, "px"),
+                    zIndex: 9999,
+                }, role: "menu", children: _jsx("ul", { className: "context-menu-list context-menu-list-".concat(theme), children: options.map(function (item, index) {
+                        if (item === 'divider') {
+                            return (_jsx("li", { className: "context-menu-divider context-menu-divider-".concat(theme) }, "divider-".concat(index.toString())));
+                        }
+                        return (_jsxs("li", { className: itemClasses(item), onClick: function () { return handleItemClick(item); }, onKeyDown: function (e) {
+                                if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    handleItemClick(item);
+                                }
+                            }, role: "menuitem", tabIndex: item.disabled ? -1 : 0, "aria-disabled": item.disabled, children: [item.icon && _jsx("span", { className: "context-menu-icon context-menu-icon-".concat(theme), children: item.icon }), _jsx("span", { className: "context-menu-text context-menu-text-".concat(theme), children: item.label }), item.shortcut && (_jsx("span", { className: "context-menu-shortcut context-menu-shortcut-".concat(theme), children: item.shortcut }))] }, item.key || index));
+                    }) }) }))] }));
+};

package/dist/{hooks → chunk1516}/chunk726433.d.ts

@@ -37,4 +37,16 @@ export declare function useLongPress(callback: (event: Event) => void, options?:
     onTouchStart: any;
     onTouchEnd: any;
 };
+type UseRecentSearchOptions = {
+    key?: string;
+    limit?: number;
+    uniqueKey?: string;
+    excludeEmpty?: boolean;
+};
+export declare const useRecentSearch: (options?: UseRecentSearchOptions) => {
+    recentSearches: any;
+    addSearch: (item: any) => void;
+    clearSearch: () => void;
+    hasSearch: (value: string) => any;
+};
 export {};

package/dist/{hooks → chunk1516}/chunk726433.js

@@ -265,3 +265,45 @@ export function useLongPress(callback, options) {
         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 };
+};

package/dist/{hooks → chunk1516}/chunk940514.d.ts

@@ -14,7 +14,7 @@ interface UseAxiosConfig extends AxiosRequestConfig {
     };
 }
 export declare const useAxios: <T>(config?: UseAxiosConfig) => UseAxiosResponse<T>;
-export declare const useDrawer: () => import("../contexts/chunk158261").DrawerContextValue;
+export declare const useDrawer: () => import("../chunk1213/chunk158261").DrawerContextValue;
 export declare const useAdvReducer: <State, Action extends {
     type: string;
 }>(initialState: State, actions: Record<string, (state: State, action: Action) => State>) => (state: State | undefined, action: Action) => State;

package/dist/{hooks → chunk1516}/chunk940514.js

@@ -56,7 +56,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useState, useEffect, useCallback, useRef, useContext, createContext, useMemo } from 'react';
 import axios, { AxiosError } from 'axios';
-import DrawerContext from '../contexts/chunk158261';
+import DrawerContext from '../chunk1213/chunk158261';
 var isReady = function () {
     return typeof window !== "undefined" && typeof window.document !== "undefined"
         ? true

package/dist/{skeletons → chunk1617}/chunk613555.js

@@ -64,7 +64,16 @@ export var CardSkeleton = function () {
         },
         maxWidth: '600px',
     };
-    return (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 6, children: _jsxs(Box, { sx: skeletonStyles, children: [_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 30, sx: { marginBottom: '12px', borderRadius: '4px', background: 'linear-gradient(to left, #e0e0e0 10%, #cfcfcf 100%)', } }), _jsx(Box, { children: Array.from(new Array(4)).map(function (__, index) { return (_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: index !== 3 ? 1 : 0, }, children: [_jsx(Skeleton, { variant: "text", width: "70%", height: 20 }), _jsx(Skeleton, { variant: "text", width: "20%", height: 20 })] }, index.toString())); }) })] }) }));
+    return (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 6, children: _jsxs(Box, { sx: skeletonStyles, children: [_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 30, sx: {
+                        marginBottom: '12px',
+                        borderRadius: '4px',
+                        background: 'linear-gradient(to left, #e0e0e0 10%, #cfcfcf 100%)',
+                    } }), _jsx(Box, { children: Array.from(new Array(4)).map(function (__, index) { return (_jsxs(Box, { sx: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                            marginBottom: index !== 3 ? 1 : 0,
+                        }, children: [_jsx(Skeleton, { variant: "text", width: "70%", height: 20 }), _jsx(Skeleton, { variant: "text", width: "20%", height: 20 })] }, index.toString())); }) })] }) }));
 };
 export var PieChartSkeleton = function () {
     return (_jsxs(_Fragment, { children: [_jsx(Grid, { item: true, xs: 12, sm: 6, md: 6, lg: 6, sx: { padding: '10px' }, children: _jsxs(Card, { sx: {
@@ -74,7 +83,7 @@ export var PieChartSkeleton = function () {
                         flexDirection: 'column',
                         justifyContent: 'space-between',
                         cursor: 'default',
-                    }, children: [_jsx(CardHeader, { title: (_jsx(Skeleton, { variant: "rectangular", width: "80%", height: "20px", sx: { margin: '0 auto', borderRadius: '4px' } })), sx: {
+                    }, children: [_jsx(CardHeader, { title: _jsx(Skeleton, { variant: "rectangular", width: "80%", height: "20px", sx: { margin: '0 auto', borderRadius: '4px' } }), sx: {
                                 background: '#dbe7f2',
                                 padding: '8px',
                             } }), _jsx(CardContent, { sx: {
@@ -89,7 +98,7 @@ export var PieChartSkeleton = function () {
                         flexDirection: 'column',
                         justifyContent: 'space-between',
                         cursor: 'default',
-                    }, children: [_jsx(CardHeader, { title: (_jsx(Skeleton, { variant: "rectangular", width: "80%", height: "20px", sx: { margin: '0 auto', borderRadius: '4px' } })), sx: {
+                    }, children: [_jsx(CardHeader, { title: _jsx(Skeleton, { variant: "rectangular", width: "80%", height: "20px", sx: { margin: '0 auto', borderRadius: '4px' } }), sx: {
                                 background: '#dbe7f2',
                                 padding: '8px',
                             } }), _jsx(CardContent, { sx: {

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import 'nprogress/nprogress.css';
-import { ReactHooksWrapper, getHook, setHook } from "./hookExecuter/chunk143";
-import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile } from './hooks/chunk613852';
-import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './skeletons/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress } from './hooks/chunk726433';
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './hooks/chunk940514';
+import { ReactHooksWrapper, getHook, setHook } from "./chunk1415/chunk143";
+import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper } from './chunk1516/chunk613852';
+import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './chunk1617/chunk613555';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './chunk1516/chunk726433';
+import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './chunk1516/chunk940514';
 export default ReactHooksWrapper;
-export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile };
+export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper };

package/dist/index.js

@@ -1,8 +1,8 @@
 import 'nprogress/nprogress.css';
-import { ReactHooksWrapper, getHook, setHook } from "./hookExecuter/chunk143";
-import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile } from './hooks/chunk613852';
-import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './skeletons/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress } from './hooks/chunk726433';
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './hooks/chunk940514';
+import { ReactHooksWrapper, getHook, setHook } from "./chunk1415/chunk143";
+import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper } from './chunk1516/chunk613852';
+import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './chunk1617/chunk613555';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './chunk1516/chunk726433';
+import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './chunk1516/chunk940514';
 export default ReactHooksWrapper;
-export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile };
+export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper };

package/dist/utils.d.ts

@@ -1,2 +1,3 @@
 export declare const promise: (time: number) => Promise<unknown>;
 export declare function throttle<T extends (...args: any[]) => void>(func: T, limit: number): T;
+export declare const debounceUtils: <T extends (...args: any[]) => void>(func: T, delay: number) => (...args: Parameters<T>) => void;

package/dist/utils.js

@@ -23,3 +23,14 @@ export function throttle(func, limit) {
         }
     };
 }
+export var debounceUtils = function (func, delay) {
+    var timeoutId;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(function () { return func.apply(void 0, args); }, delay);
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "Ultimate package for React developers, offering a powerful collection of hooks and components to enhance their development experience.",
   "main": "dist/index.js",
   "module": "dist/index.js",