react-hook-toolkit 1.0.5 → 1.0.7

package/README.md

@@ -24,8 +24,8 @@ pnpm add react-hook-toolkit
 ## Features  
 Here's the properly structured documentation with clear purpose explanations:
 
-### **HOOKS** ------------------------------------------------------------------------------------------
-  📌 **useAxios**  
+----------------------------------------------------  **Custom Hooks**  ------------------------------------------------
+  📌 **useAxios**   
 A custom hook for making API requests using Axios. It manages request states (`loading`, `error`, `data`) and provides a function (`makeRequest`) to initiate a request.
 ```ts
 const { data, loading, error, makeRequest, cancelRequest } = useAxios({ baseURL: '/api' });
@@ -35,6 +35,25 @@ useEffect(() => {
 }, []);
 ```
 
+📌 **useDrawer**  
+A custom hook for managing application drawer state. It provides control over drawer visibility (`drawerOpen`) and active menu selection (`currentMainMenu`), with methods to toggle these states.
+
+```tsx
+const { 
+  drawerOpen, 
+  currentMainMenu,
+  openDrawer, 
+  closeDrawer,
+  setCurrentMainMenu 
+} = useDrawer();
+
+// Example usage:
+<button onClick={openDrawer}>Open Menu</button>
+<button onClick={() => setCurrentMainMenu('settings')}>
+  Show Settings
+</button>
+```
+
 ---
 
   📌 **useAdvReducer**  
@@ -575,7 +594,8 @@ useUpdateEffect(() => {
 }, [value]);
 ```
 
-   **COMPONENTS** -------------------------------------------------------------------------------------------
+------------------------------------------------ **Custom Components** --------------------------------------------
+
   ✅ **DynamicLoader**  
 A Higher-Order Component (HOC) that dynamically loads a React component using `React.lazy()` with `Suspense`, while wrapping it in an `ErrorBoundary` to handle potential errors gracefully. It ensures that the component is loaded only when needed, reducing the initial bundle size and improving performance.
 
@@ -584,12 +604,14 @@ import React, { lazy } from "react";
 const MyComponent = DynamicLoader(lazy(() => import("./MyComponent")));
 
 ```
+---
   ✅ **AlertMessage**  
 A functional React component that displays dynamic alerts using the enqueueSnackbar function. It provides a customizable message with a specified type and duration. The alerts can be dismissed manually by clicking a close button, and they support various configurations such as position, auto-hide duration, and duplicate prevention.
 
 ```jsx
 <AlertMessage type="success" msg="Data saved successfully!" />
 ```
+---
 
 ✏️ **Authors**  
 

package/dist/contexts/DrowerContexts.d.ts

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,35 @@
+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/hooks/hooks.d.ts

@@ -14,6 +14,7 @@ interface UseAxiosConfig extends AxiosRequestConfig {
     };
 }
 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;

package/dist/hooks/hooks.js

@@ -54,8 +54,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, useContext } from 'react';
 import axios, { AxiosError } from 'axios';
+import DrawerContext from '../contexts/DrowerContexts';
 var isReady = function () {
     return typeof window !== "undefined" && typeof window.document !== "undefined"
         ? true
@@ -130,6 +131,13 @@ export var useAxios = function (config) {
         cancelRequest: cancelRequest,
     };
 };
+export var useDrawer = function () {
+    var context = useContext(DrawerContext);
+    if (context === undefined) {
+        throw new Error('useDrawer must be used within a DrawerProvider');
+    }
+    return context;
+};
 export var useAdvReducer = function (initialState, actions) { return function (state, action) {
     if (state === void 0) { state = initialState; }
     if (actions[action.type]) {

package/package.json

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