react-hook-toolkit 1.0.14 → 1.0.16

package/dist/hooks/chunk940514.d.ts

@@ -69,6 +69,19 @@ export declare const useStepper: (totalSteps: number) => {
     isLastStep: boolean;
     isProccesing: boolean;
     setIsProccesing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    goto: (step: number) => void;
+};
+export declare const useSteps: (totalSteps: number) => {
+    activeStep: number;
+    handleNext: () => void;
+    handleBack: () => void;
+    handleReset: () => void;
+    goto: (step: number) => void;
+    totalSteps: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isProcessing: boolean;
+    setIsProcessing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export declare function useTimeoutFn(callback: () => void, delay: number | null): {
     reset: () => void;

package/dist/hooks/chunk940514.js

@@ -431,6 +431,14 @@ export var useStepper = function (totalSteps) {
     var handleReset = function () {
         setActiveStep(0);
     };
+    var goto = function (step) {
+        if (step >= 0 && step < totalSteps) {
+            setActiveStep(step);
+        }
+        else {
+            console.warn("Step ".concat(step, " is out of bounds (0-").concat(totalSteps - 1, ")"));
+        }
+    };
     return {
         activeStep: activeStep,
         handleNext: handleNext,
@@ -441,6 +449,44 @@ export var useStepper = function (totalSteps) {
         isLastStep: activeStep === totalSteps - 1,
         isProccesing: isProccesing,
         setIsProccesing: setIsProccesing,
+        goto: goto
+    };
+};
+export var useSteps = function (totalSteps) {
+    var _a = useState(0), activeStep = _a[0], setActiveStep = _a[1];
+    var _b = useState(false), isProcessing = _b[0], setIsProcessing = _b[1];
+    var handleNext = function () {
+        if (activeStep < totalSteps - 1) {
+            setActiveStep(function (prev) { return prev + 1; });
+        }
+    };
+    var handleBack = function () {
+        if (activeStep > 0) {
+            setActiveStep(function (prev) { return prev - 1; });
+        }
+    };
+    var handleReset = function () {
+        setActiveStep(0);
+    };
+    var goto = function (step) {
+        if (step >= 0 && step < totalSteps) {
+            setActiveStep(step);
+        }
+        else {
+            console.warn("Step ".concat(step, " is out of bounds (0-").concat(totalSteps - 1, ")"));
+        }
+    };
+    return {
+        activeStep: activeStep,
+        handleNext: handleNext,
+        handleBack: handleBack,
+        handleReset: handleReset,
+        goto: goto,
+        totalSteps: totalSteps,
+        isFirstStep: activeStep === 0,
+        isLastStep: activeStep === totalSteps - 1,
+        isProcessing: isProcessing,
+        setIsProcessing: setIsProcessing,
     };
 };
 export function useTimeoutFn(callback, delay) {

package/package.json

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

package/dist/contexts/DrowerContexts.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DrawerContextValue {
-    drawerOpen: boolean;
-    openDrawer: () => void;
-    closeDrawer: () => void;
-    openDrawerInButton: () => void;
-    closeDrawerInButton: () => void;
-    currentMainMenu?: string;
-    setCurrentMainMenu?: (value: string) => void;
-}
-interface DrawerProviderProps {
-    children: ReactNode;
-}
-declare const DrawerContext: import("react").Context<DrawerContextValue>;
-export declare const DrawerProvider: FC<DrawerProviderProps>;
-export default DrawerContext;

package/dist/contexts/DrowerContexts.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useState } from 'react';
-import PropTypes from 'prop-types';
-var DrawerContext = createContext({
-    drawerOpen: false,
-    openDrawer: function () { },
-    closeDrawer: function () { },
-    openDrawerInButton: function () { },
-    closeDrawerInButton: function () { },
-    currentMainMenu: '',
-    setCurrentMainMenu: function () { }
-});
-export var DrawerProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState(true), drawerOpen = _b[0], setDrawer = _b[1];
-    var _c = useState(''), currentMainMenu = _c[0], setCurrOpenMenu = _c[1];
-    var openDrawer = function () { return setDrawer(true); };
-    var closeDrawer = function () { return setDrawer(false); };
-    var openDrawerInButton = function () { return setDrawer(false); };
-    var closeDrawerInButton = function () { return setDrawer(true); };
-    var setCurrentMainMenu = function (value) { return setCurrOpenMenu(value); };
-    return (_jsx(DrawerContext.Provider, { value: {
-            drawerOpen: drawerOpen,
-            openDrawer: openDrawer,
-            closeDrawer: closeDrawer,
-            openDrawerInButton: openDrawerInButton,
-            closeDrawerInButton: closeDrawerInButton,
-            currentMainMenu: currentMainMenu,
-            setCurrentMainMenu: setCurrentMainMenu
-        }, children: children }));
-};
-DrawerProvider.propTypes = {
-    children: PropTypes.node.isRequired
-};
-export default DrawerContext;

package/dist/hookExecuter/hookExecuter.d.ts

@@ -1,20 +0,0 @@
-/**
- * @license HEXE
- * Copyright (c) 2020-2024 Shivaji & Collaborators
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-type HookFunction = () => any;
-declare class HEXE {
-    private hs;
-    private ss;
-    constructor();
-    setHook(name: string, hookFunction: HookFunction): this;
-    private putHooks;
-    component(): React.FC;
-    getHook(name: string): any;
-}
-declare const ReactHooksWrapper: React.FC<{}>;
-declare const getHook: (name: string) => any, setHook: (name: string, hookFunction: HookFunction) => HEXE;
-export { ReactHooksWrapper, getHook, setHook };

package/dist/hookExecuter/hookExecuter.js

@@ -1,58 +0,0 @@
-/**
- * @license HEXE
- * Copyright (c) 2020-2024 Shivaji & Collaborators
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-var HEXE = /** @class */ (function () {
-    function HEXE() {
-        this.hs = {};
-        this.ss = {};
-        this.setHook = this.setHook.bind(this);
-        this.getHook = this.getHook.bind(this);
-        this.putHooks = this.putHooks.bind(this);
-    }
-    HEXE.prototype.setHook = function (name, hookFunction) {
-        [
-            { value: name, id: 'name', type: 'string' },
-            { value: hookFunction, id: 'hook', type: 'function' },
-        ].forEach(function (_a) {
-            var value = _a.value, id = _a.id, type = _a.type;
-            if (type === 'string' && typeof value !== 'string') {
-                throw new TypeError("\"".concat(id, "\" expected to be of type ").concat(type));
-            }
-            if (type === 'function' && typeof value !== 'function') {
-                throw new TypeError("\"".concat(id, "\" expected to be of type ").concat(type));
-            }
-        });
-        this.hs[name] = {
-            name: name,
-            hook: hookFunction,
-        };
-        return this;
-    };
-    HEXE.prototype.putHooks = function (name, value) {
-        this.ss[name] = value;
-    };
-    HEXE.prototype.component = function () {
-        var _this = this;
-        /* Author: Shivaji & Shyamal */
-        var Component = function () {
-            Object.values(_this.hs).forEach(function (_a) {
-                var name = _a.name, hook = _a.hook;
-                _this.putHooks(name, hook());
-            });
-            return /*#__PURE__*/ React.createElement(React.Fragment, null);
-        };
-        return Component;
-    };
-    HEXE.prototype.getHook = function (name) {
-        return this.ss[name];
-    };
-    return HEXE;
-}());
-var o = new HEXE();
-var ReactHooksWrapper = o.component();
-var getHook = o.getHook, setHook = o.setHook;
-export { ReactHooksWrapper, getHook, setHook };

package/dist/hooks/hooks.d.ts

@@ -1,195 +0,0 @@
-import { RefObject } from 'react';
-import { AxiosRequestConfig } from 'axios';
-interface UseAxiosResponse<T> {
-    data: T | null;
-    loading: boolean;
-    error: string | null;
-    makeRequest: (url: string, method?: string, requestData?: any) => void;
-    cancelRequest: () => void;
-}
-interface UseAxiosConfig extends AxiosRequestConfig {
-    baseURL?: string;
-    headers?: {
-        [key: string]: string;
-    };
-}
-export declare const useAxios: <T>(config?: UseAxiosConfig) => UseAxiosResponse<T>;
-export declare const useDrawer: () => import("../contexts/DrowerContexts").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;
-interface FetchState<T> {
-    data: T | null;
-    loading: boolean;
-    error: string | null;
-}
-export declare function useFetch<T>(url: string): FetchState<T>;
-export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void];
-export declare function useToggle(initialValue?: boolean): [boolean, () => void];
-export declare function useDebounce<T>(value: T, delay: number): T;
-export declare function useThrottle<T>(value: T, limit: number): T;
-export declare function usePrevious<T>(value: T): T | undefined;
-export declare function useMediaQuery(query: string): boolean;
-export declare function useClipboard(): [boolean, (text: string) => Promise<void>];
-export declare function useInterval(callback: () => void, delay: number | null): void;
-interface WindowSize {
-    width: number;
-    height: number;
-}
-export declare function useWindowSize(): WindowSize;
-export declare function useKeyPress(targetKey: string): boolean;
-export declare function useOnlineStatus(): boolean;
-interface ScrollPosition {
-    x: number;
-    y: number;
-}
-export declare function useScrollPosition(): ScrollPosition;
-export declare function useTimeout(callback: () => void, delay: number | null): void;
-export declare function useDarkMode(): [boolean, () => void];
-export declare function useForm<T extends Record<string, any>>(initialValues: T): {
-    values: T;
-    errors: Partial<Record<keyof T, string>>;
-    handleChange: (name: keyof T, value: any) => void;
-    validate: (validators: Partial<Record<keyof T, (value: any) => string | null>>) => boolean;
-};
-export declare function useArray<T>(initialArray: T[]): {
-    array: T[];
-    set: import("react").Dispatch<import("react").SetStateAction<T[]>>;
-    push: (item: T) => void;
-    removeByIndex: (index: number) => void;
-    clear: () => void;
-};
-export declare const useStepper: (totalSteps: number) => {
-    activeStep: number;
-    handleNext: () => void;
-    handleBack: () => void;
-    handleReset: () => void;
-    totalSteps: number;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    isProccesing: boolean;
-    setIsProccesing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
-export declare function useTimeoutFn(callback: () => void, delay: number | null): {
-    reset: () => void;
-    clear: () => void;
-};
-export declare function useDebouncedCallback(callback: () => void, delay: number): () => void;
-export declare function useScrollLock(lock: boolean): void;
-export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T>): WindowSize | null;
-interface MousePosition {
-    x: number;
-    y: number;
-}
-export declare function useMousePosition(): MousePosition;
-type ScrollDirection = 'up' | 'down';
-export declare function useScrollDirection(): ScrollDirection;
-export declare function useImageLoader(src: string): {
-    loaded: boolean;
-    error: boolean;
-};
-export declare function usePersistedState<T>(key: string, initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>];
-export declare function useReducedMotion(): boolean;
-export declare function useCookie(key: string): [string | null, (value: string, options?: any) => void, () => void];
-export declare function useFetchRetry<T>(url: string, options: RequestInit, retries?: number): {
-    data: T | null;
-    error: string | null;
-    loading: boolean;
-};
-export declare function useDelay<T>(value: T, delay: number): T;
-export declare function useVisibilityChange(): boolean;
-export declare function useDebouncedValue<T>(value: T, delay: number): T;
-export type Status = 'idle' | 'pending' | 'success' | 'error';
-export type AsyncFunction<T> = () => Promise<T>;
-export interface UseAsyncReturn<T> {
-    execute: () => void;
-    status: Status;
-    value: T | null;
-    error: Error | null;
-}
-export declare function useAsync<T>(asyncFunction: AsyncFunction<T>, immediate?: boolean): UseAsyncReturn<T>;
-export type ScriptStatus = 'loading' | 'ready' | 'error' | 'unknown';
-export declare function useScript(src: string, removeOnUnmount?: boolean): ScriptStatus;
-export declare function useIndexedDB<T>(dbName: string, storeName: string): {
-    data: T | null;
-    error: Error | null;
-};
-export declare function useGeoLocation(): {
-    position: GeolocationPosition | null;
-    error: Error | null;
-};
-export declare function useTimer(initialTime: number): {
-    time: number;
-    error: Error | null;
-};
-export declare function useIsMounted(): boolean;
-export declare function useCss(css: string): {
-    error: Error | null;
-};
-export declare function useSpeak(text: string): {
-    speak: () => void;
-    error: Error | null;
-};
-export declare function useCountUp(target: number, duration: number): {
-    count: number;
-    error: Error | null;
-};
-export declare function useCountDown(start: number): {
-    count: number;
-    error: Error | null;
-};
-interface BatteryState {
-    supported: boolean;
-    loading: boolean;
-    level: number | null;
-    charging: boolean | null;
-    chargingTime: number | null;
-    dischargingTime: number | null;
-}
-export declare const useBattery: () => BatteryState;
-export declare const useEventListener: (eventName: string, handler: (event: Event) => void, elementRef?: React.RefObject<HTMLElement>, options?: boolean | AddEventListenerOptions) => void;
-interface HistoryState {
-    [key: string]: any;
-}
-interface UseHistory {
-    history: History;
-    state: HistoryState | null;
-    push: (path: string, state?: HistoryState) => void;
-    replace: (path: string, state?: HistoryState) => void;
-    goBack: () => void;
-    goForward: () => void;
-}
-export declare const useHistory: () => UseHistory;
-interface UsePreferredLanguage {
-    language: string;
-    languages: Array<string>;
-    isSupported: boolean;
-}
-export declare const usePreferredLanguage: () => UsePreferredLanguage;
-interface UseSessionStorage<T> {
-    (key: string, initialValue: T): [T, (value: T) => void];
-}
-export declare const useSessionStorage: UseSessionStorage<any>;
-interface UseSound {
-    play: () => void;
-    pause: () => void;
-    stop: () => void;
-    setVolume: (volume: number) => void;
-    isPlaying: boolean;
-    error: Error | null;
-}
-export declare const useSound: (url: string) => UseSound;
-interface TouchPosition {
-    x: number | null;
-    y: number | null;
-}
-interface UseTouch {
-    (elementRef: React.RefObject<HTMLElement>): {
-        touchStart: TouchPosition;
-        touchMove: TouchPosition;
-        touchEnd: TouchPosition;
-    };
-}
-export declare const useTouch: UseTouch;
-export declare const useUpdateEffect: (effect: React.EffectCallback, deps: React.DependencyList) => void;
-export {};