react-hook-toolkit 0.0.6 → 0.0.7

package/README.md

@@ -48,7 +48,7 @@ Install the package with npm:
 
 - **`useArray<T>`**: Provides an array state with helper functions to manipulate it, including setting, adding, removing by index, and clearing elements.
 
-- **`useStep<T>`**: Manages step-based navigation by keeping track of the current step index and providing functions to move forward, backward, and reset.
+- **`useStepper`**: Manages step-based navigation by keeping track of the current step index and providing functions to move forward, backward, and reset.
 
 - **`useTimeoutFn`**: Executes a callback function after a specified delay and provides functions to reset or clear the timeout.  
 
@@ -116,11 +116,6 @@ Install the package with npm:
 
 - **`useUpdateEffect`**: Executes a side effect on updates after the initial render, skipping the effect during the first render to avoid unnecessary executions.
 
-## Authors
-
-- **Shivaji** : (Sr. React Developer)
-- **Shyamal** : (Sr. React Developer)
-
 ## License
 
 [MIT](https://opensource.org/licenses)

package/dist/{hooks → Hooks}/hooks.d.ts

@@ -58,14 +58,16 @@ export declare function useArray<T>(initialArray: T[]): {
     removeByIndex: (index: number) => void;
     clear: () => void;
 };
-export declare function useStep<T>(steps: T[]): {
-    currentStep: T;
-    currentStepIndex: number;
-    next: () => void;
-    previous: () => void;
-    reset: () => 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;

package/dist/{hooks → Hooks}/hooks.js

@@ -411,21 +411,30 @@ export function useArray(initialArray) {
         clear: function () { return setArray([]); },
     };
 }
-export function useStep(steps) {
-    var _a = useState(0), currentStepIndex = _a[0], setCurrentStepIndex = _a[1];
-    var next = function () { return setCurrentStepIndex(function (i) { return Math.min(i + 1, steps.length - 1); }); };
-    var previous = function () { return setCurrentStepIndex(function (i) { return Math.max(i - 1, 0); }); };
-    var reset = function () { return setCurrentStepIndex(0); };
+export var useStepper = function (totalSteps) {
+    var _a = useState(0), activeStep = _a[0], setActiveStep = _a[1];
+    var _b = useState(false), isProccesing = _b[0], setIsProccesing = _b[1];
+    var handleNext = function () {
+        setActiveStep(function (prev) { return prev + 1; });
+    };
+    var handleBack = function () {
+        setActiveStep(function (prev) { return prev - 1; });
+    };
+    var handleReset = function () {
+        setActiveStep(0);
+    };
     return {
-        currentStep: steps[currentStepIndex],
-        currentStepIndex: currentStepIndex,
-        next: next,
-        previous: previous,
-        reset: reset,
-        isFirstStep: currentStepIndex === 0,
-        isLastStep: currentStepIndex === steps.length - 1,
+        activeStep: activeStep,
+        handleNext: handleNext,
+        handleBack: handleBack,
+        handleReset: handleReset,
+        totalSteps: totalSteps,
+        isFirstStep: activeStep === 0,
+        isLastStep: activeStep === totalSteps - 1,
+        isProccesing: isProccesing,
+        setIsProccesing: setIsProccesing,
     };
-}
+};
 export function useTimeoutFn(callback, delay) {
     var timeoutRef = useRef();
     var reset = function () {

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStep, 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 } from './hooks/hooks';
-import { useHover, useOnClickOutside, useIntersectionObserver, useHoverIntent, useDragDrop, useFocusTrap, useFocus, useElementSize, useLockBodyScroll } from './hooks/hooksComp';
-export { useAxios, useAdvReducer, useHover, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useOnClickOutside, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useIntersectionObserver, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStep, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useHoverIntent, useScrollLock, useDragDrop, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useFocusTrap, useReducedMotion, useCookie, useFetchRetry, useFocus, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useElementSize, useLockBodyScroll, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, };
+export * from './Hooks/hooks';
+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 } from './Hooks/hooks';
+import { useHover, useOnClickOutside, useIntersectionObserver, useHoverIntent, useDragDrop, useFocusTrap, useFocus, useElementSize, useLockBodyScroll } from './Hooks/hooksComp';
+export { useAxios, useAdvReducer, useHover, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useOnClickOutside, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useIntersectionObserver, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useHoverIntent, useScrollLock, useDragDrop, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useFocusTrap, useReducedMotion, useCookie, useFetchRetry, useFocus, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useElementSize, useLockBodyScroll, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, };

package/dist/index.js

@@ -1,3 +1,4 @@
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStep, 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, } from './hooks/hooks';
-import { useHover, useOnClickOutside, useIntersectionObserver, useHoverIntent, useDragDrop, useFocusTrap, useFocus, useElementSize, useLockBodyScroll, } from './hooks/hooksComp';
-export { useAxios, useAdvReducer, useHover, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useOnClickOutside, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useIntersectionObserver, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStep, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useHoverIntent, useScrollLock, useDragDrop, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useFocusTrap, useReducedMotion, useCookie, useFetchRetry, useFocus, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useElementSize, useLockBodyScroll, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, };
+export * from './Hooks/hooks';
+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, } from './Hooks/hooks';
+import { useHover, useOnClickOutside, useIntersectionObserver, useHoverIntent, useDragDrop, useFocusTrap, useFocus, useElementSize, useLockBodyScroll, } from './Hooks/hooksComp';
+export { useAxios, useAdvReducer, useHover, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useOnClickOutside, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useIntersectionObserver, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useHoverIntent, useScrollLock, useDragDrop, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useFocusTrap, useReducedMotion, useCookie, useFetchRetry, useFocus, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useElementSize, useLockBodyScroll, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, };

package/package.json

@@ -1,29 +1,29 @@
-{
-  "name": "react-hook-toolkit",
-  "version": "0.0.6",
-  "description": "The ultimate package for React developers, offering a powerful collection of hooks to enhance their development experience.",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc"
-  },
-  "keywords": [
-    "react",
-    "hooks",
-    "custom hooks",
-    "custom",
-    "reusable"
-  ],
-  "license": "MIT",
-  "devDependencies": {
-    "@types/react": "^18.2.14",
-    "tslib": "^2.6.3",
-    "typescript": "^5.2.2",
-    "axios": "^1.7.8",
-    "react": "^18.2.0"
-  }
-}
+{
+  "name": "react-hook-toolkit",
+  "version": "0.0.7",
+  "description": "The ultimate package for React developers, offering a powerful collection of hooks to enhance their development experience.",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "keywords": [
+    "react",
+    "hooks",
+    "custom hooks",
+    "custom",
+    "reusable"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@types/react": "^18.2.14",
+    "tslib": "^2.6.3",
+    "typescript": "^5.2.2",
+    "axios": "^1.7.8",
+    "react": "^18.2.0"
+  }
+}