react-hook-toolkit 1.1.2 → 1.1.4

package/README.md

@@ -824,6 +824,15 @@ Displays a customizable context menu with support for light/dark themes, keyboar
 </ContextMenu>
 ```
 
+✅ **AnimatedWrapper**
+A lightweight wrapper component that applies animations to its children with customizable animation type and delay.Ideal for enhancing UI transitions smoothly.
+
+```tsx
+<AnimatedWrapper animationClass="animate__fadeIn" delay={1}>
+  <div>Hello with delay</div>
+</AnimatedWrapper>
+```
+
 ✅ **RichTextEditor**  
 Provides a fully-featured WYSIWYG editor with HTML conversion, customizable toolbar, and responsive design for rich text input.
 

package/dist/chunk1213/chunk158261.d.ts

@@ -1,5 +1,16 @@
-import { FC } from 'react';
-import { DrawerContextValue, DrawerProviderProps } from '../type';
+import type { 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/chunk1213/chunk158261.js

@@ -1,6 +1,5 @@
 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 () { },
@@ -10,15 +9,25 @@ var DrawerContext = createContext({
     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); };
+export var DrawerProvider = function (props) {
+    var children = props.children;
+    var _a = useState(true), drawerOpen = _a[0], setDrawer = _a[1];
+    var _b = useState(''), currentMainMenu = _b[0], setCurrOpenMenu = _b[1];
+    var openDrawer = function () {
+        setDrawer(true);
+    };
+    var closeDrawer = function () {
+        setDrawer(false);
+    };
+    var openDrawerInButton = function () {
+        setDrawer(false);
+    };
+    var closeDrawerInButton = function () {
+        setDrawer(true);
+    };
+    var setCurrentMainMenu = function (value) {
+        setCurrOpenMenu(value);
+    };
     return (_jsx(DrawerContext.Provider, { value: {
             drawerOpen: drawerOpen,
             openDrawer: openDrawer,
@@ -29,7 +38,4 @@ export var DrawerProvider = function (_a) {
             setCurrentMainMenu: setCurrentMainMenu,
         }, children: children }));
 };
-DrawerProvider.propTypes = {
-    children: PropTypes.node.isRequired,
-};
 export default DrawerContext;

package/dist/chunk1516/chunk940514.d.ts

@@ -2,7 +2,7 @@ import { RefObject } from 'react';
 import { AsyncFunction, FetchState, MousePosition, ScrollPosition, UseAsyncReturn, UseAxiosConfig, UseAxiosResponse, WindowSize } from '../type';
 export declare const isReady: () => boolean;
 export declare const useAxios: <T>(config?: UseAxiosConfig) => UseAxiosResponse<T>;
-export declare const useDrawer: () => import("../type").DrawerContextValue;
+export declare const useDrawer: () => import("../chunk1213/chunk158261").DrawerContextValue;
 export declare const useGenericReducer: <State, Action extends {
     type: string;
 }>(initialState: State, actions: Record<string, (state: State, action: Action) => State>) => (state: State | undefined, action: Action) => State;

package/dist/chunk1617/chunk613557.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AnimatedWrapperProps } from '../type';
+export declare const AnimatedWrapper: React.FC<AnimatedWrapperProps>;

package/dist/chunk1617/chunk613557.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AnimatedWrapper = function (_a) {
+    var _b = _a.animationClass, animationClass = _b === void 0 ? 'animate__bounceIn' : _b, _c = _a.delay, delay = _c === void 0 ? '0' : _c, children = _a.children;
+    var delayValue = Number(delay);
+    var delayClass = delayValue > 0 ? "animate__delay-".concat(delayValue, "s") : '';
+    return (_jsx("div", { className: "animate__animated ".concat(animationClass, " ").concat(delayClass), children: children }));
+};

package/dist/index.d.ts

@@ -1,12 +1,15 @@
 import 'nprogress/nprogress.css';
+import 'animate.css';
 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, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
 import { RichTextEditor } from './chunk1617/chunk613556';
 import { useBrowser } from './chunk1516/chunk0022';
+declare const useDrawer: () => import("./chunk1213/chunk158261").DrawerContextValue;
 import { useGenericReducer, useArray, useAsync, useAxios, 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';
+import { AnimatedWrapper } from './chunk1617/chunk613557';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, 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, 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, AlertMessage, CardSkeleton, ContextMenuWrapper, DrawerProvider, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, RichTextEditor, TableSkeleton, UploadFile, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, 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, 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, AlertMessage, CardSkeleton, AnimatedWrapper, ContextMenuWrapper, DrawerProvider, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, RichTextEditor, TableSkeleton, UploadFile, createOptimizedContext, };

package/dist/index.js

@@ -1,12 +1,17 @@
 import 'nprogress/nprogress.css';
+import 'animate.css';
 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, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
 import { RichTextEditor } from './chunk1617/chunk613556';
 import { useBrowser } from './chunk1516/chunk0022';
+import { useContext } from 'react';
+import DrawerContext from './chunk1213/chunk158261';
+var useDrawer = function () { return useContext(DrawerContext); };
 import { useGenericReducer, useArray, useAsync, useAxios, 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';
+import { AnimatedWrapper } from './chunk1617/chunk613557';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, 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, 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, AlertMessage, CardSkeleton, ContextMenuWrapper, DrawerProvider, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, RichTextEditor, TableSkeleton, UploadFile, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, 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, 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, AlertMessage, CardSkeleton, AnimatedWrapper, ContextMenuWrapper, DrawerProvider, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, RichTextEditor, TableSkeleton, UploadFile, createOptimizedContext, };

package/dist/type.d.ts

@@ -293,4 +293,9 @@ export interface UseBrowserControlsReturn {
     isShareSupported: boolean;
     closeCurrentTab: () => void;
 }
+export interface AnimatedWrapperProps {
+    animationClass?: string;
+    delay?: any;
+    children: React.ReactNode;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "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",
@@ -47,6 +47,7 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.1",
     "@mui/material": "^5.14.0",
+    "animate.css": "^4.1.1",
     "axios": "^1.7.8",
     "draft-js": "^0.11.7",
     "draftjs-to-html": "^0.9.1",