@bodynarf/react.components 1.12.6 → 1.13.0

package/components/tag/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/components/tag/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/tag/types.d.ts

@@ -1,27 +1,25 @@
-import { BaseElementProps, ElementColor, ElementSize } from "../../types";
-/** Tag item prop types */
-export interface TagProps extends BaseElementProps {
-    /** Tag content */
-    content: string;
-    /** Click handler */
-    onClick?: () => void;
-    /**
-     * Element size.
-     * `Small` isn"t allowed
-    */
-    size?: Exclude<ElementSize, ElementSize.Small>;
-    /** Element color */
-    style?: ElementColor;
-    /** Is element with rounded border */
-    rounded?: boolean;
-    /** Is element has light color */
-    lightColor?: boolean;
-    /** Manual color scheme */
-    customColor?: {
-        /** Text color */
-        color: string;
-        /** Background color */
-        backgroundColor: string;
-    };
-}
+import { BaseElementProps, ClickableElement, ElementColor, ElementSize } from "../../types";
+/** Tag item prop types */
+export type TagProps = BaseElementProps & ClickableElement & {
+    /** Tag content */
+    content: string;
+    /**
+     * Element size.
+     * `Small` isn"t allowed
+    */
+    size?: Exclude<ElementSize, ElementSize.Small>;
+    /** Element color */
+    style?: ElementColor;
+    /** Is element with rounded border */
+    rounded?: boolean;
+    /** Is element has light color */
+    lightColor?: boolean;
+    /** Manual color scheme */
+    customColor?: {
+        /** Text color */
+        color: string;
+        /** Background color */
+        backgroundColor: string;
+    };
+};
 //# sourceMappingURL=types.d.ts.map

package/components/tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzE,0BAA0B;AAC1B,MAAM,WAAW,QAAS,SAAQ,gBAAgB;IAC9C,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;MAGE;IACF,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAE/C,oBAAoB;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE;QACV,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAC;QAEd,uBAAuB;QACvB,eAAe,EAAE,MAAM,CAAC;KAC3B,CAAC;CACL"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3F,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GACd,gBAAgB,GAChB,gBAAgB,GAChB;IACE,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;MAGE;IACF,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAE/C,oBAAoB;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE;QACV,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAC;QAEd,uBAAuB;QACvB,eAAe,EAAE,MAAM,CAAC;KAC3B,CAAC;CACL,CAAC"}

package/components/tag/types.js

@@ -1 +1 @@
-export {};
+export {};

package/hooks/index.d.ts

@@ -1,6 +1,12 @@
-export * from "./useComponentOutsideClick";
-export * from "./usePagination";
-export * from "./useUnmount";
-export * from "./useDebounceHandler";
-export * from "./useMount";
+export * from "./useComponentOutsideClick";
+export * from "./usePagination";
+export * from "./useUnmount";
+export * from "./useDebounceHandler";
+export * from "./useMount";
+export * from "./useUpdateEffect";
+export * from "./usePrevious";
+export * from "./useTimeout";
+export * from "./useInterval";
+export * from "./useEventListener";
+export * from "./useLocalStorage";
 //# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/hooks/index.js

@@ -1,5 +1,11 @@
-export * from "./useComponentOutsideClick";
-export * from "./usePagination";
-export * from "./useUnmount";
-export * from "./useDebounceHandler";
-export * from "./useMount";
+export * from "./useComponentOutsideClick";
+export * from "./usePagination";
+export * from "./useUnmount";
+export * from "./useDebounceHandler";
+export * from "./useMount";
+export * from "./useUpdateEffect";
+export * from "./usePrevious";
+export * from "./useTimeout";
+export * from "./useInterval";
+export * from "./useEventListener";
+export * from "./useLocalStorage";

package/hooks/useComponentOutsideClick.d.ts

@@ -1,12 +1,12 @@
-import { DependencyList } from "react";
-import { ActionFn } from "@bodynarf/utils";
-/**
- * Subscribe to component outside click
- * @param selector Component root selector
- * @param clickHandleCondition Condition to handle document click
- * @param clickHandleChange Handler of outside component click
- * @param clickListenCondition Condition to start listening document clicks
- * @param dependencies Additional dependencies to update hook
- */
-export declare const useComponentOutsideClick: (selector: string, clickHandleCondition: boolean, clickHandleChange: ActionFn, clickListenCondition?: boolean, dependencies?: DependencyList) => void;
+import { DependencyList } from "react";
+import { ActionFn } from "@bodynarf/utils";
+/**
+ * Subscribe to component outside click
+ * @param selector Component root selector
+ * @param clickHandleCondition Condition to handle document click
+ * @param clickHandleChange Handler of outside component click
+ * @param clickListenCondition Condition to start listening document clicks
+ * @param dependencies Additional dependencies to update hook
+ */
+export declare const useComponentOutsideClick: (selector: string, clickHandleCondition: boolean, clickHandleChange: ActionFn, clickListenCondition?: boolean, dependencies?: DependencyList) => void;
 //# sourceMappingURL=useComponentOutsideClick.d.ts.map

package/hooks/useComponentOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAA6B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtE;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,aACvB,MAAM,wBACM,OAAO,qBACV,QAAQ,oEAG5B,IA4BF,CAAC"}
+{"version":3,"file":"useComponentOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAA6B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtE;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GACjC,UAAU,MAAM,EAChB,sBAAsB,OAAO,EAC7B,mBAAmB,QAAQ,EAC3B,8BAA4B,EAC5B,eAAc,cAAmB,KAClC,IA4BF,CAAC"}

package/hooks/useComponentOutsideClick.js

@@ -1,31 +1,31 @@
-import { useCallback, useEffect } from "react";
-import { isNullOrUndefined, isNull } from "@bodynarf/utils";
-/**
- * Subscribe to component outside click
- * @param selector Component root selector
- * @param clickHandleCondition Condition to handle document click
- * @param clickHandleChange Handler of outside component click
- * @param clickListenCondition Condition to start listening document clicks
- * @param dependencies Additional dependencies to update hook
- */
-export const useComponentOutsideClick = (selector, clickHandleCondition, clickHandleChange, clickListenCondition = false, dependencies = []) => {
-    const onDocumentClick = useCallback((event) => {
-        if (clickHandleCondition) {
-            const target = event.target;
-            if (isNullOrUndefined(target)) {
-                return;
-            }
-            const relatedComponent = target.closest(selector);
-            if (isNull(relatedComponent)) {
-                clickHandleChange();
-            }
-        }
-    }, [clickHandleCondition, selector, clickHandleChange, dependencies]);
-    useEffect(() => {
-        if (clickListenCondition) {
-            document.addEventListener("click", onDocumentClick);
-            return () => document.removeEventListener("click", onDocumentClick);
-        }
-        return () => { };
-    }, [clickListenCondition, onDocumentClick]);
-};
+import { useCallback, useEffect } from "react";
+import { isNullOrUndefined, isNull } from "@bodynarf/utils";
+/**
+ * Subscribe to component outside click
+ * @param selector Component root selector
+ * @param clickHandleCondition Condition to handle document click
+ * @param clickHandleChange Handler of outside component click
+ * @param clickListenCondition Condition to start listening document clicks
+ * @param dependencies Additional dependencies to update hook
+ */
+export const useComponentOutsideClick = (selector, clickHandleCondition, clickHandleChange, clickListenCondition = false, dependencies = []) => {
+    const onDocumentClick = useCallback((event) => {
+        if (clickHandleCondition) {
+            const target = event.target;
+            if (isNullOrUndefined(target)) {
+                return;
+            }
+            const relatedComponent = target.closest(selector);
+            if (isNull(relatedComponent)) {
+                clickHandleChange();
+            }
+        }
+    }, [clickHandleCondition, selector, clickHandleChange, dependencies]);
+    useEffect(() => {
+        if (clickListenCondition) {
+            document.addEventListener("click", onDocumentClick);
+            return () => document.removeEventListener("click", onDocumentClick);
+        }
+        return () => { };
+    }, [clickListenCondition, onDocumentClick]);
+};

package/hooks/useDebounceHandler.d.ts

@@ -1,18 +1,18 @@
-import { ActionFn } from "@bodynarf/utils";
-/**
- * Get debounced handler
- * @param handler Action to handle
- * @param debounceTime Amount of seconds to stay inactive
- * @returns Pair: current state, is in debounce state; handler with debounce
- * @example
- * ```
- * const [debounce, onReloadClick] = useDebounceHandler(reloadData, 3);
- *
- * <Button
- *   disabled={!debounce}
- *   onClick={onReloadClick}
- * />
- * ```
- */
-export declare const useDebounceHandler: (handler: () => Promise<void>, debounceTime: number) => [boolean, ActionFn];
+import { ActionFn } from "@bodynarf/utils";
+/**
+ * Get debounced handler
+ * @param handler Action to handle
+ * @param debounceTime Amount of seconds to stay inactive
+ * @returns Pair: current state, is in debounce state; handler with debounce
+ * @example
+ * ```
+ * const [debounce, onReloadClick] = useDebounceHandler(reloadData, 3);
+ *
+ * <Button
+ *   disabled={!debounce}
+ *   onClick={onReloadClick}
+ * />
+ * ```
+ */
+export declare const useDebounceHandler: (handler: () => Promise<void>, debounceTime: number) => [boolean, ActionFn];
 //# sourceMappingURL=useDebounceHandler.d.ts.map

package/hooks/useDebounceHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceHandler.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounceHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAa,MAAM,iBAAiB,CAAC;AAEtD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,YAClB,MAAM,QAAQ,IAAI,CAAC,gBACd,MAAM,KACrB,CAAC,OAAO,EAAE,QAAQ,CAgBpB,CAAC"}
+{"version":3,"file":"useDebounceHandler.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounceHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAa,MAAM,iBAAiB,CAAC;AAEtD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,GAC3B,SAAS,MAAM,OAAO,CAAC,IAAI,CAAC,EAC5B,cAAc,MAAM,KACrB,CAAC,OAAO,EAAE,QAAQ,CAgBpB,CAAC"}

package/hooks/useDebounceHandler.js

@@ -1,30 +1,30 @@
-import { useCallback, useState } from "react";
-import { isNullish } from "@bodynarf/utils";
-/**
- * Get debounced handler
- * @param handler Action to handle
- * @param debounceTime Amount of seconds to stay inactive
- * @returns Pair: current state, is in debounce state; handler with debounce
- * @example
- * ```
- * const [debounce, onReloadClick] = useDebounceHandler(reloadData, 3);
- *
- * <Button
- *   disabled={!debounce}
- *   onClick={onReloadClick}
- * />
- * ```
- */
-export const useDebounceHandler = (handler, debounceTime) => {
-    const [debounceTimer, setDebounceTimer] = useState();
-    const debounceHandler = useCallback(() => {
-        handler()
-            .then(() => {
-            setDebounceTimer(setTimeout(() => {
-                clearTimeout(debounceTimer);
-                setDebounceTimer(undefined);
-            }, debounceTime * 1000));
-        });
-    }, [handler, debounceTime, debounceTimer]);
-    return [isNullish(debounceTimer), debounceHandler];
-};
+import { useCallback, useState } from "react";
+import { isNullish } from "@bodynarf/utils";
+/**
+ * Get debounced handler
+ * @param handler Action to handle
+ * @param debounceTime Amount of seconds to stay inactive
+ * @returns Pair: current state, is in debounce state; handler with debounce
+ * @example
+ * ```
+ * const [debounce, onReloadClick] = useDebounceHandler(reloadData, 3);
+ *
+ * <Button
+ *   disabled={!debounce}
+ *   onClick={onReloadClick}
+ * />
+ * ```
+ */
+export const useDebounceHandler = (handler, debounceTime) => {
+    const [debounceTimer, setDebounceTimer] = useState();
+    const debounceHandler = useCallback(() => {
+        handler()
+            .then(() => {
+            setDebounceTimer(setTimeout(() => {
+                clearTimeout(debounceTimer);
+                setDebounceTimer(undefined);
+            }, debounceTime * 1000));
+        });
+    }, [handler, debounceTime, debounceTimer]);
+    return [isNullish(debounceTimer), debounceHandler];
+};

package/hooks/useEventListener.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Attaches an event listener to a given element (default: window).
+ *
+ * @template K - Event type
+ * @param event - Event name (e.g. "click", "keydown")
+ * @param handler - Callback to handle the event
+ * @param element - Target element (default: window)
+ *
+ * @example
+ * useEventListener("resize", () => console.log("Resized"));
+ */
+export declare const useEventListener: <K extends keyof WindowEventMap>(event: K, handler: (e: WindowEventMap[K]) => void, element?: Window | Document | HTMLElement) => void;
+//# sourceMappingURL=useEventListener.d.ts.map

package/hooks/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,cAAc,EAC3D,OAAO,CAAC,EACR,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EACvC,UAAS,MAAM,GAAG,QAAQ,GAAG,WAAoB,SAapD,CAAC"}

package/hooks/useEventListener.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from "react";
+/**
+ * Attaches an event listener to a given element (default: window).
+ *
+ * @template K - Event type
+ * @param event - Event name (e.g. "click", "keydown")
+ * @param handler - Callback to handle the event
+ * @param element - Target element (default: window)
+ *
+ * @example
+ * useEventListener("resize", () => console.log("Resized"));
+ */
+export const useEventListener = (event, handler, element = window) => {
+    const savedHandler = useRef(handler);
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(() => {
+        const eventListener = (e) => savedHandler.current(e);
+        element.addEventListener(event, eventListener);
+        return () => element.removeEventListener(event, eventListener);
+    }, [event, element]);
+};

package/hooks/useInterval.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Executes a callback repeatedly with a fixed time delay between calls.
+ * Automatically clears interval if delay changes or component unmounts.
+ *
+ * @param callback - Function to execute at each interval
+ * @param delay - Delay in milliseconds, or `null` to disable
+ *
+ * @example
+ * useInterval(() => console.log("Tick"), 1000);
+ */
+export declare const useInterval: (callback: () => void, delay: number | null) => void;
+//# sourceMappingURL=useInterval.d.ts.map

package/hooks/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../src/hooks/useInterval.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,IAAI,EAAE,OAAO,MAAM,GAAG,IAAI,SAYrE,CAAC"}

package/hooks/useInterval.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from "react";
+/**
+ * Executes a callback repeatedly with a fixed time delay between calls.
+ * Automatically clears interval if delay changes or component unmounts.
+ *
+ * @param callback - Function to execute at each interval
+ * @param delay - Delay in milliseconds, or `null` to disable
+ *
+ * @example
+ * useInterval(() => console.log("Tick"), 1000);
+ */
+export const useInterval = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        if (delay === null)
+            return;
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+};

package/hooks/useLocalStorage.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Stores state in localStorage and keeps it in sync.
+ *
+ * @template T - Type of the stored value
+ * @param key - Storage key
+ * @param initial - Initial value
+ * @returns A tuple [value, setValue] similar to useState
+ *
+ * @example
+ * const [token, setToken] = useLocalStorage("token", "");
+ */
+export declare const useLocalStorage: <T>(key: string, initial: T) => readonly [T, (newValue: T) => void];
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,KAAK,MAAM,EAAE,SAAS,CAAC,6BAMpB,CAAC,UAMtC,CAAC"}

package/hooks/useLocalStorage.js

@@ -0,0 +1,23 @@
+import { useState } from "react";
+/**
+ * Stores state in localStorage and keeps it in sync.
+ *
+ * @template T - Type of the stored value
+ * @param key - Storage key
+ * @param initial - Initial value
+ * @returns A tuple [value, setValue] similar to useState
+ *
+ * @example
+ * const [token, setToken] = useLocalStorage("token", "");
+ */
+export const useLocalStorage = (key, initial) => {
+    const [value, setValue] = useState(() => {
+        const item = localStorage.getItem(key);
+        return item ? JSON.parse(item) : initial;
+    });
+    const setStoredValue = (newValue) => {
+        setValue(newValue);
+        localStorage.setItem(key, JSON.stringify(newValue));
+    };
+    return [value, setStoredValue];
+};

package/hooks/useMount.d.ts

@@ -1,12 +1,12 @@
-import { ActionFn, SimpleFn } from "@bodynarf/utils";
-/**
- * Executes the provided function only once during the component's initial render (mount)
- * @param fn Function to be called only on the initial render of the component
- */
-export declare const useMount: (fn: ActionFn) => void;
-/**
- * Executes the provided function only once during the component's initial render (mount) with unsubscribe
- * @param fn Function to be called only on the initial render of the component
- */
-export declare const useMountWithUnsubscribe: (fn: SimpleFn<ActionFn>) => void;
+import { ActionFn, SimpleFn } from "@bodynarf/utils";
+/**
+ * Executes the provided function only once during the component's initial render (mount)
+ * @param fn Function to be called only on the initial render of the component
+ */
+export declare const useMount: (fn: ActionFn) => void;
+/**
+ * Executes the provided function only once during the component's initial render (mount) with unsubscribe
+ * @param fn Function to be called only on the initial render of the component
+ */
+export declare const useMountWithUnsubscribe: (fn: SimpleFn<ActionFn>) => void;
 //# sourceMappingURL=useMount.d.ts.map

package/hooks/useMount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMount.d.ts","sourceRoot":"","sources":["../../src/hooks/useMount.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,QAAQ,OAAQ,QAAQ,SAEpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,OAAQ,SAAS,QAAQ,CAAC,SAE7D,CAAC"}
+{"version":3,"file":"useMount.d.ts","sourceRoot":"","sources":["../../src/hooks/useMount.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,IAAI,QAAQ,SAEpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAE7D,CAAC"}

package/hooks/useMount.js

@@ -1,16 +1,16 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import { useEffect } from "react";
-/**
- * Executes the provided function only once during the component's initial render (mount)
- * @param fn Function to be called only on the initial render of the component
- */
-export const useMount = (fn) => {
-    useEffect(fn, []);
-};
-/**
- * Executes the provided function only once during the component's initial render (mount) with unsubscribe
- * @param fn Function to be called only on the initial render of the component
- */
-export const useMountWithUnsubscribe = (fn) => {
-    useEffect(fn, []);
-};
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useEffect } from "react";
+/**
+ * Executes the provided function only once during the component's initial render (mount)
+ * @param fn Function to be called only on the initial render of the component
+ */
+export const useMount = (fn) => {
+    useEffect(fn, []);
+};
+/**
+ * Executes the provided function only once during the component's initial render (mount) with unsubscribe
+ * @param fn Function to be called only on the initial render of the component
+ */
+export const useMountWithUnsubscribe = (fn) => {
+    useEffect(fn, []);
+};

package/hooks/usePagination.d.ts

@@ -1,20 +1,20 @@
-import { DependencyList } from "react";
-/** Paginator hook state */
-export interface PaginationState {
-    /** Number of current page */
-    currentPage: number;
-    /** Amount of pages */
-    pagesCount: number;
-    /** Handler of page change */
-    onPageChange: (page: number) => void;
-}
-/**
- * Hook to pagination state, return hooked values and handler for pagination
- * @param length Pagination items count
- * @param size Page size. Default is 30
- * @param initPage Initial page. Default is 1
- * @param dependencies List of dependencies. On any dependency update current page will be set to 1
- * @returns Pair of hook-stored state and handler for slicing current page items
- */
-export declare const usePagination: (length: number, size?: number, initPage?: number, dependencies?: DependencyList) => [PaginationState, (data: Array<any>) => Array<any>];
+import { DependencyList } from "react";
+/** Paginator hook state */
+export interface PaginationState {
+    /** Number of current page */
+    currentPage: number;
+    /** Amount of pages */
+    pagesCount: number;
+    /** Handler of page change */
+    onPageChange: (page: number) => void;
+}
+/**
+ * Hook to pagination state, return hooked values and handler for pagination
+ * @param length Pagination items count
+ * @param size Page size. Default is 30
+ * @param initPage Initial page. Default is 1
+ * @param dependencies List of dependencies. On any dependency update current page will be set to 1
+ * @returns Pair of hook-stored state and handler for slicing current page items
+ */
+export declare const usePagination: (length: number, size?: number, initPage?: number, dependencies?: DependencyList) => [PaginationState, (data: Array<any>) => Array<any>];
 //# sourceMappingURL=usePagination.d.ts.map

package/hooks/usePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE1F,2BAA2B;AAC3B,MAAM,WAAW,eAAe;IAC5B,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IAEpB,sBAAsB;IACtB,UAAU,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAKD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,WACd,MAAM,SACR,MAAM,aACF,MAAM,6DAEQ,MAAM,GAAG,CAAC,KAAK,MAAM,GAAG,CAAC,CAiCpD,CAAC"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE1F,2BAA2B;AAC3B,MAAM,WAAW,eAAe;IAC5B,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IAEpB,sBAAsB;IACtB,UAAU,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAKD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACtB,QAAQ,MAAM,EACd,OAAM,MAAwB,EAC9B,WAAU,MAAU,EACpB,eAAc,cAAmB,KAClC,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAiCpD,CAAC"}

package/hooks/usePagination.js

@@ -1,37 +1,37 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-/** Default page size */
-const defaultPageSize = 30;
-/**
- * Hook to pagination state, return hooked values and handler for pagination
- * @param length Pagination items count
- * @param size Page size. Default is 30
- * @param initPage Initial page. Default is 1
- * @param dependencies List of dependencies. On any dependency update current page will be set to 1
- * @returns Pair of hook-stored state and handler for slicing current page items
- */
-export const usePagination = (length, size = defaultPageSize, initPage = 1, dependencies = []) => {
-    const [currentPage, setCurrentPage] = useState(initPage);
-    const count = useMemo(() => Math.ceil(length / size), [size, length]);
-    const onChange = useCallback((page) => setCurrentPage(page), [setCurrentPage]);
-    const paginate = useCallback((data) => {
-        const limit = size;
-        const offset = (currentPage - 1) * size;
-        return data.slice(offset, offset + limit);
-    }, [size, currentPage]);
-    const state = useMemo(() => ({
-        currentPage: currentPage,
-        pagesCount: count,
-        onPageChange: onChange
-    }), [currentPage, count, onChange]);
-    const isInitialRender = useRef(true);
-    useEffect(() => {
-        if (isInitialRender.current) {
-            isInitialRender.current = false;
-        }
-        else {
-            setCurrentPage(1);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
-    return [state, paginate];
-};
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+/** Default page size */
+const defaultPageSize = 30;
+/**
+ * Hook to pagination state, return hooked values and handler for pagination
+ * @param length Pagination items count
+ * @param size Page size. Default is 30
+ * @param initPage Initial page. Default is 1
+ * @param dependencies List of dependencies. On any dependency update current page will be set to 1
+ * @returns Pair of hook-stored state and handler for slicing current page items
+ */
+export const usePagination = (length, size = defaultPageSize, initPage = 1, dependencies = []) => {
+    const [currentPage, setCurrentPage] = useState(initPage);
+    const count = useMemo(() => Math.ceil(length / size), [size, length]);
+    const onChange = useCallback((page) => setCurrentPage(page), [setCurrentPage]);
+    const paginate = useCallback((data) => {
+        const limit = size;
+        const offset = (currentPage - 1) * size;
+        return data.slice(offset, offset + limit);
+    }, [size, currentPage]);
+    const state = useMemo(() => ({
+        currentPage: currentPage,
+        pagesCount: count,
+        onPageChange: onChange
+    }), [currentPage, count, onChange]);
+    const isInitialRender = useRef(true);
+    useEffect(() => {
+        if (isInitialRender.current) {
+            isInitialRender.current = false;
+        }
+        else {
+            setCurrentPage(1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
+    return [state, paginate];
+};